DIV - wyśrodkowanie tekstu w pionie

Witam.

Przeszukałem forum ale nie znalazłem odpowiedzi na mój problem. Mam zrobiony szablon strony na DIV-ach i CSS. Chciałbym aby w DIV-ie tytułowym tekst wyrównany był w pionie do środka. Moje pytanie, być może banalne, brzmi: jak to zrobić. Dotychczasowy styl dla DIV-a tytułowego wygląda tak:

#top {
      height: 120px;
      width: 800px;
      float: left;
      background: #55aafa;  
      font: 24px Verdana white;
    }

Czego tu brakuje, aby tekst był wyrównany w pionie wyśrodkowany? Z góry dzięki za odpowiedź i przepraszam, jeśli to lamerskie pytanie.

vertical-align: middle;

Kolega to chyba sobie żartuje? :P
Proszę pokazać mi przeglądarkę która na dzień dzisiejszy prawidłowo interpretuje vertical-align :P
sugeruje nadać w samym html dla elementu którego dotyczy ten id valign="middle"
Są inne (niby lepsze sposoby) ale żaden z nich nie działa na ie7 :P

Zaden no chyba ze ten:

1 wez zrob sobie diva z tekstem ktory ma byc wysrodkowany w pionie
2 ustaw mu margin-top na 50%
3 ustaw mu top na -50% (MINUS 50%)

e voila ;P

PS: Warunki wstepne: pozycjonowanie absolutne, html i body maja wysokosc 100% lub auto

A, mój błąd. Bawiłem się komórkami tabeli przez cały dzień i dlatego pomyślałem o vertical-align, a on tekstu wewnątrz div czy p nie wyśrodkuje. Co nie jest błędem przeglądarek, ale nieintuicyjnym zachowaniem vertical-align opisanym w specyfikacji tak swoją drogą ;-)

Choć oczywiście można to obejść stosując taką regułę:

vertical-align: middle;
display: table-cell;

Jednak wtedy nie można skorzystać z float. I co jednak nie działa w Windows Internet Explorer do wersji 7 włącznie.