Por otro lado, no sé si te he entendido bien con lo que quieres hacer, pero según entiendo hay una manera mucho más sencilla: pones la imagen de fondo de elemento "a", luego dentro pones un span con el texto y lo ocultas con display: none.
Me refiero a algo así:
<li><a href="#" id="menuInicio"><span>Inicio</span></a></li>
y en la css:
#menuInicio{
background:transparent url(/imagenes/menu/inicio.png);
width:80px;
margin-left:450px;
text-decoration: none;
}
a span {
display: none;
}
a#menuInicio:hover {
background-position:0 -179px;
}
Funcionará en IE6 igual que en FF sin problemas. Ahora se trata de que le des el tamaño deseado y eso al elemetno "a".
Prueba y ya contarás.
Mikel.