Ciao a tutti, ho un grosso problema con il css di un menù di navigazione.
Questo è lo stile css:
codice:
#menubot A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	padding-top: 3px;
	DISPLAY: block; BACKGROUND: #0B2971; WIDTH: 202px; height: 20px; COLOR: #FFFFFF; TEXT-DECORATION: none;
	border-bottom:1px solid #FFFFFF;
}
#menubot A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	padding-top: 3px;
	DISPLAY: block; BACKGROUND: #52689D; WIDTH: 202px; height: 20px; COLOR: #FEC00F; TEXT-DECORATION: none;
	border-bottom:1px solid #FFFFFF;
}
Mentre questo è il codice html:
codice:
                <tr> 
                  <td width="30" bgcolor="#FFFFFF">
<div align="right">[img]../../img/frecciamenu.gif[/img]</div></td>
                  <td width="202"><div id=menubot>pagina1</div></td>
                  <td width="7" bgcolor="#FFFFFF"></td>
                </tr>
                <tr> 
                  <td width="30" bgcolor="#FFFFFF">
<div align="right">[img]../../img/frecciamenu.gif[/img]</div></td>
                  <td width="202"><div id=menubot>pagina2</div></td>
                  <td width="7" bgcolor="#FFFFFF"></td>
                </tr>
Come posso fare l'allineamento centrato in verticale? Ho provato ad usare il tag vertical-align: center; ma non funziona... consigli?