css - background-image

[bluesexplosion]

cè una cosa che proprio non im torna e non capisco perchè.

Vabbè che è mattina ecc e vabbè che IE non è il massimo ma :

ho una serie di td (contenenti ognuna un table a cui è associata un altra classe) a cui è associata una classe del css cosi definita
-------------
.menu {
background-image: url(immagini/menu.jpg);
background-repeat: no-repeat;
background-position: center;
width: 88px;
height: 30px;
--------------

il punto è questo, con firefox l'immagine è perfetta e si vede nella sua totalità per ogni td, mentre su ie (acciderbolina a lui) mi mangia almeno 2 o 3 pixel a sinistra dell'imamgine, non facendomela vedere quindi nella sua totalità.


la domanda è: perchè?

[bluesexplosion]

ummm per esplicare meglio la cosa vi posto anche il resto del codice html e le altre parti del css



html
-------------------------------
<tr>
<td valign="middle" class="menusfondo">
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td align="right" class="menu">
<table border="0" align="right" cellpadding="0" cellspacing="0" class="menutesti">
<tr>
<td>link1</td>
</tr>
</table>
</td>
<td align="right" class="menu">
<table border="0" align="right" cellpadding="0" cellspacing="0" class="menutesti">
<tr>
<td>link2</td>
</tr>
</table>
</td>
<td align="right" class="menu">
<table border="0" align="right" cellpadding="0" cellspacing="0" class="menutesti">
<tr>
<td>link3</td>
</tr>
</table>
</td>
<td align="right" class="menu">
<table border="0" align="right" cellpadding="0" cellspacing="0" class="menutesti">
<tr>
<td>link4</td>
</tr>
</table>
</td>
<td align="right" class="menu">
<table border="0" align="right" cellpadding="0" cellspacing="0" class="menutesti">
<tr>
<td>link5</td>
</tr>
</table>
</td>
<td align="right" class="menu">
<table border="0" align="right" cellpadding="0" cellspacing="0" class="menutesti">
<tr>
<td>link6</td>
</tr>
</table>
</td>
<td align="right" class="menu">
<table border="0" align="right" cellpadding="0" cellspacing="0" class="menutesti">
<tr>
<td>link7</td>
</tr>
</table>
</td>
<td align="right" class="menu">
<table border="0" align="right" cellpadding="0" cellspacing="0" class="menutesti">
<tr>
<td>link8</td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
--------------------

css
-----------
.menusfondo {
background-color: #E56E22;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #F8C300;
border-bottom-color: #F8C300;
background-position: center;
vertical-align: middle;
}
.menu {
background-image: url(immagini/menu.jpg);
background-repeat: no-repeat;
background-position: center;
width: 88px;
height: 30px;
}
.menutesti {
width: 72px;
text-align: left;
vertical-align: middle;
height: 24px;
}
----------------