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:
Por favor ayudenme, se los agradeceria muchísimo. #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; }