Salve ragazzi,
ho un problema con il codice di cui sotto.

CSS:
codice:
.cercahomepage {
	background-image: url(immagini/sfondo.gif);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 22px;
	width: 105px;
	text-align: center;
	display: block;
	padding-bottom: 8px;
}
a.cercahomepage:link, a.cercahomepage:visited{
	background-image: url(immagini/sfondo.gif);
	color: #FFFFFF;
	text-decoration: none;
}
a.cercahomepage:hover {
	background-image: url(immagini/sfondo2.gif);
	color: #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}
a.cercahomepage:active  { 
	background-image: url(immagini/sfondo3.gif);
	color: #FFFFFF;
}
HTML:
codice:
                        <table width="517" border="0" cellpadding="0" cellspacing="2" background="immagini/sfondo.gif">
         <tr> 
             <td width="105" height="24">Voce 1[img]immagini/freccia.gif[/img]</td>
             <td width="105" valign="middle">Voce 2[img]immagini/freccia.gif[/img]</td>
             <td width="105" valign="middle">Voce 3[img]immagini/freccia.gif[/img]</td>
             <td width="194">[img]immagini/bordodestro.gif[/img]</td>
         </tr>

Il problema consiste in questo:
in locale funziona benissimo, le altezze vengono rispettate alla perfezione, ma mettendo online il sito l'altezza viene sfasata, sia in firefox che in IE si aggiungono ai 22pixel altri 5 o 6 pixel in più, sfasandomi ovviamente tutto il layout.

C'è un errore nel mio codice?
Ci sto sbattendo la testa



Ringrazio tutti coloro i quali sapranno darmi dei consigli


Grazie mille