BUG Div / Css sous IE ! ! ! ! !

Bonjour,

Je suis incapable de trouver l'erreur ><' ... Je vous explique :

J'ai un menu, et quand je passe la souris sur une "catégorie" j'ai les "sous catégories" qui apparaissent (Un truc classique...)
Mon problème c'est que sous IE j'ai un petit espace qui ce fait APRES mon div :/ (sous FF ça marche super) ...

J'ai 2 images pour mieux comprendre le problème :

Voilà le résultat sous Firefox :
http://www.lcce.eu/trabox/FF.jpg
Et le résultat sous Internet Explorer :
http://www.lcce.eu/trabox/IE.jpg



Et voici le code HTML : (C'est le code du cadre vert sur l'image)

<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td width=8> <div id="left"></div>
</td>
<td> <div id="center"></div>
</td>
<td width=8> <div id="right"></div>
</td>
</tr>
</table>

Et le CSS :(C'est le code du cadre vert sur l'image)

div#left { height: 8px; width: 8px; background: url('image/left.gif') no-repeat;}
div#center { height: 8px; width: 100%; background: url('image/center.gif') repeat;}
div#right { height: 8px; width: 8px; background: url('image/right.gif') no-repeat;
}