Acabo de hacer eso y se ve bien pero en IE6 me sigue saliendo la imagen de fondo con la anchura anterior.
Asi me ha quedado ahora el codigo:
Código:
#nav li {float:left; margin:0px 2px; text-align:center; display:block; font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; height:29px; line-height:31px;}
/*Anulado
.miestilo #nav li {background:url(pest_color.gif) 0 0 no-repeat;}
*/
#nav li a {
width:120px;
background:url(pest_off.gif) 0 0 no-repeat;
text-align:center;
display:block;
font:normal 12px Arial, Helvetica, sans-serif;
color:#9D4A00;
text-decoration:none;
height:29px;
line-height:31px;
}
#nav li a:hover {
color:#000;
}
¿Alguna idea?