Ciao a tutti.
Sto sistemando il template per il sito:

http://www.movimentolatino.it/test

e come potete notare ho delle difficoltà nell'allineare i background dei pulsanti...
Con Firefox 2 non riesco infatti a fare in modo che i pulsanti abbiano l'altezza di 30 px, mentre con IE6 purtroppo leggo le scritte allineate in alto anzichè al centro della riga.

Premetto che sono alle prime armi con i css e sto provando per tentativi il più delle volte. Ma spesso è scoraggiante vedere che non si trova una soluzione per questi stupidi problemi.

Altra cosa, ad esempio, se provo a bordare un link del menu con Firefox 2 vedo correttamente il link con i bordi, mentre con IE6 mi sparisce sempre il bordo superiore...

Ecco il CSS che utilizzo per il sottomenu. Sapreste dirmi dove sbaglio?:

codice:
td.tabsottomenu {
height:30px;
background-color:#000000;
background-image: url(../Immagini/sottomenu_pulsante_bg.jpg);
background-repeat: repeat-x;
background-position:top;
padding-bottom:3px;
vertical-align:middle;
}
td.tabsottomenu h3{
font:verdana;
font-size:10px;
font-weight:bold;
color:#FFCC33;
margin:0px;
padding:0px;
padding-left:5px;
display:inline;
vertical-align:middle;
}
ul.sottomenu {
font-family: Verdana;
font-size: 10px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
list-style:none;
display:inline;
vertical-align:middle;
}
ul.sottomenu a:link {
	height:30px;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	background-repeat:repeat-x;
	background-position:top;
	background-image:url(../Immagini/sottomenu_pulsante_bg.jpg);
	background-color:#000000;
	color: #FFFFFF;
	vertical-align:middle;
}
ul.sottomenu a:visited {
	height:30px;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	background-repeat:repeat-x;
	background-position:top;
	background-image:url(../Immagini/sottomenu_pulsante_bg.jpg);
	background-color:#000000;
	color: #FFFFFF;
	vertical-align:middle;
}
ul.sottomenu a:active {
	height:30px;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	background-repeat:repeat-x;
	background-position:top;
	background-image:url(../Immagini/sottomenu_pulsante_bg.jpg);
	background-color:#000000;
	color: #FFFFFF;
	vertical-align:middle;
}
ul.sottomenu a:hover {
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	background-repeat:repeat-x;
	background-position:top;
	background-image:url(../Immagini/sottomenu_pulsante_bg2.jpg);
	background-color:FF6600;
	color: #333333;
	vertical-align:middle;
}
ul.sottomenu li{
display: inline; 
margin-right: 5px;
}
Grazie mille!