Hola, tengo un menú sprite que veo perfectamente en mozilla, chrome y safari, pero no en iexplorer 7 y 8. Me pueden echar una mano revisando el código para ver si falta (o sobra) algo? de antemano, muchas gracias
css
.menu-sprite{
clear: both;
float: left;
margin: 118px 0 0 0;
background: transparent;
width: 671px;
}
.menu-sprite li {float:left; background: none;}
.menu-sprite a {
background:url(graficas/menu-sprite.png)no-repeat;
display:block;
height:50px;
text-indent:-9000%;
visibility:visible
}
/*ESTADO NORMAL*/
.inicio a {width:66px;}
.quienes a {width:132px; background-position:-66px 0px;}
.servicios a {width:95px; background-position:-198px 0px;}
.proyectos a {width:99px; background-position:-293px 0px;}
.actualidad a {width:104px; background-position:-392px 0px;}
.recursos a {width:175px; background-position:-496px 0px;}
/*ESTADO HOVER*/
.inicio a:hover {background-position:0px -50px;}
.quienes a:hover {background-position:-66px -50px;}
.servicios a:hover {background-position:-198px -50px;}
.proyectos a:hover {background-position:-293px -50px;}
.actualidad a:hover {background-position:-392px -50px;}
.recursos a:hover {background-position:-496px -50px;}
código html:
<ul class="menu-sprite">
<li class="inicio"><a href="sec.html" title="Inicio" class="active">Inicio</a></li>
<li class="quienes"><a href="sec.html" title="Quienes somos">Quienes somos</a></li>
<li class="servicios"><a href="sec.html" title="Servicios">Servicios</a></li>
<li class="proyectos"><a href="sec.html" title="Proyectos">Proyectos</a></li>
<li class="actualidad"><a href="sec.html" title="Actualidad">Actualidad</a></li>
<li class="recursos"><a href="sec.html" title="Recursos y materiales">Recursos y materiales</a></li>
</ul>