[CSS]Wyśrodkowanie w pionie - problem Opcje

[iki]

Witam
Mój problem polega na tym, iż nie działa wyśrodkowanie w pionie elementu, który chciałbym wyśrodkować, a wszystkie inne selektory da się wyśrodkować bez problemu.

[HTML] pobierz, plaintext 
Kod strony:
<div id="t_head">Logo
 
 
			</div>
 
 
			<div id="t_m1" class="menu">Przeglądaj </div>
 
			<div id="t_m2" class="menu">Kontynuuj</div>
 
			<div id="t_m3" class="menu">Rozwiązuj</div>
 
			<div id="t_m4" class="menu">i</div>
 
A tutaj CSS:
 
html {
	display:table;
}
body {
	display:table-cell;}
 
html, body { 
	background-image: url(background.jpg) ; 
	background-size: 100%, 100%;
	height: 100%;
	width: 100%;
}
 
#t_head { 
	border: 1px;
	border-color: white;
	background-image: url(b_index.png);
	width: 800px;
 
 
}
 
#t_m1 {
	width: 234px; 
	float: left;
	background-image: url(b_index.png);
 
}
 
#t_m2 {
	width: 234px; 
	float: left;
	background-image: url(b_index.png);
 
}
 
#t_m3 {
	width: 234px; 
	float: left;
	background-image: url(b_index.png);
 
}
 
#t_m4 {
	width: 98px; 
	float: left;
	background-image: url(b_index.png);
 
 
.menu {
	color: white;
	height: 78px;
	display: table-cell;         <----
	vertical-align: middle;     <----
	text-align:center;             
	font-size: 28px;
 
 
}
 
[HTML] pobierz, plaintext 

Jak widzicie na końcu kodu, mam wstawione dwie linijki CSS, które powinny ustawić tekst w pionie. Są one poprawnie sformułowane, ponieważ, kiedy przypiszę te wartości dla ,,t_head", wyśrodkowuje tekst, który na roboczo do niego wpiszę. Nie działa również, gdy przeniosę te wartości wyżej do ,,t_m1" i tak dalej. Selektory ,,t_head" oraz ,,t_m1" itd. mają tego samego rodzica. Czy ktoś wie czym jest to spowodowane?