Imagen en TD no chuta bien en IE

Buenas!

Llevo un ratazo pegandome con esto y no consigo arreglarlo. Os cuento:

Estoy maquetando una tabla representativa donde una imagen de fondo hace de rejilla para cada TD. A su vez, cada TD corresponde a un cuadrante donde deben ir cambiando una serie de imágenes según avance el proyecto.

El problema es el siguiente:

Así se ve en Firefox (como debería quedar)

http://www.imaxenes.com/imagenes/firefox1cb29q6.gif

Así se ve en IE 6 y 7 (...)

http://www.imaxenes.com/imagenes/explorer1ss04vf.gif

Cada cuadrito naranja es un TD con una imagen 10x10 de fondo. El cuadro azul es una imagen 10x10 dentro del propio TD y en Explorer me deja un margen arriba y abajo.

He probado incluso a darle margin y padding negativos, tirando del !important para descartar a Firefox y demás y no me hace ni caso.

Pego el CSS para mayor aclaración:

<code>
.tablaPrincipal tr td {
background-image:url(../img/cuadroY.gif);
background-repeat:no-repeat;
width:10px;
height:10px;
padding:0;
margin:0;
}
.tablaPrincipal tr td img{
width:10px;
height:10px;
margin:0;
padding:0;
}
</code>

Simplemente esto, añadido al Reset CSS de Yahoo que ya me quita los espacios entre TD y demás.

¿Alguna idea o hack conocido para evitar esto? También me valen otras formas de conseguir este resultado.

Muchas gracias por la ayuda y buen finde!
Saludos.