Por favor necesito su ayuda, tengo que entregar esta pagina a mas tardar ¡ahora! y le puse un menu css con rollover de imagenes pero no me funciona con internet explorer 6. ¿que hack hay que utilizar para que funcione en e6?
La pagina:
http://sm-pagina-web.com/ejemplos/
Utilize una sola imagen y la cambio de posicion por medio de a:hover para que de el efecto de rollover pero no funciona para nada en el maldito explorertonto. Aqui algo del codigo, tambien lo pueden ver en la hoja de estilos.
Código:
#medium-right ul{
margin:0px;
padding:0px;
width:105px;
height:78px;
list-style:none;
background:url(images/menu_10.gif);
background-position:-105px;
}
#medium-right ul li{
height:19px;
width:105px;
}
#medium-right ul li a{
display:block;
width:105px;
height:19px;
background:url(images/menu_10.gif);
}
#medium-right ul li.inicio a{
background-position: 0px 0px;
}
#medium-right ul li.inicio a:hover{
background:none;
}
#medium-right ul li.nosotros a{
background-position: 0px -19px;
}
#medium-right ul li.nosotros a:hover{
background:none;
}
#medium-right ul li.articulos a{
background-position: 0px -38px
}
#medium-right ul li.articulos a:hover{
background:none;
}
#medium-righ ul li.contacto, #medium-right ul li.contacto a{
height:22px;
}
#medium-right ul li.contacto a{
background-position: 0px -57px;
}
#medium-right ul li.contacto a:hover{
background:none;
}
Por favor ayudenme, se los agradeceria muchísimo.