Hola a todos.
Bien, en el sitio web que estoy desarrollando, tengo un menu lateral que tiene un pequeño icono y cambia al situar el cursor sobre el link (ver en
http://cybershaman.awardspace.com en el menu lateral). Todo iba bien, hasta que descubri que la imagen de fondo del link (es decir, la que cambia) no se veia en navegadores como nestcape y amaya (en este ultimo no se ve ninguna imagen :P ).
Esta es la parte del CSS:
Código:
#lateral{float:left; width:152px; height:auto; padding-left:8px;}
#lateral ul{list-style:none; margin:0; padding:0;}
#lateral ul a{
font-size: 16px;
background: url(minilogo2.gif) no-repeat center left;
width:20px;
overflow:visible;
display:block;
padding: 3px 0px 0px 28px;
margin: 0px 0px 3px 16px;
height:24px;
vertical-align:middle;
}
#lateral ul a:hover{background: url(minilogo1.gif) no-repeat center left;}
Y esta es la parte del html:
Código:
<div id="lateral">
<ul>
<li><a href="index.php">Inicio</a></li>
<li><a href="nosotros.php">Nosotros</a></li>
<li><a href="servicios.php">Servicios</a></li>
<li><a href="ejemplos.php">Ejemplos</a></li>
<li><a href="contacto.php">Contacto</a></li>
</ul>
</div>
¿Existe alguna manera de que se vea correctamente en esos navegadores? ¿Lo estoy haciendo de la manera correcta?
Muchas gracias de antemano.