Gente,
Estoy participando en un concurso de diseño web en Uruguay, para la empresa estatal AFE y uno de los requisitos es que el sitio funcione correctamente con IE 6 (*).
Tengo ya todo listo, excepto por un detalle:
los enlaces de la barra lateral izquierda se desplazan al pasarles el puntero por encima.
Es un efecto exclusivo de IE, ya que ni en Opera (Win/Linux) ni en Firefox (Linux) me sucede lo mismo.
Además ya me ha sucedido antes, fíjense sino en la barra izquierda de
www.cartarinet.com
(es un sitio todavía no terminado, en el que tengo el mismo problema)
¿alguien me podría tirar alguna idea?
el código html es el siguiente (les paso solamente el de la barra)
Código HTML:
<div class="botonera2">
<a href="itinerarios_tarifas.html">Itinerarios y Tarifas</a>
<a href="compras_y_ventas.html">Compras y ventas</a>
<a href="servicios_pasajeros.html">Servicios de Pasajeros</a>
<a href="servicios_carga.html">Servicios de Carga</a>
<a href="otros_servicios.html">Otros<br />servicios</a>
<a href="proy_especiales.html">Proyectos especiales</a>
</div>
y el código css relacionado es:
Código:
div.botonera2 {
position : absolute;
width : 13%;
top : 8em;
left : 2px;
padding : 0.25em;
text-align : center;
border : 1px solid rgb(238,201,0);
border-top : 1px solid white;
border-left : 2px solid rgb(238,201,0);
}
div.botonera2 a {
display : block;
width : 100%;
font-size: 1em;
background-color : rgb(98,153,205);
color : white;
margin-bottom : 2%;
}
div.botonera2 a:hover {
background-color : rgb(230,230,250);
color : black;
text-decoration : none;
}
div.botonera2 a:visited {
color : white;
text-decoration : none;
}
Saludos.
(*) Nota: todos los comentarios que se les ocurran sobre este requisito, ya se me ocurrieron a mí.