Estoy con una duda. He creado una lista segun este modelo:
http://css.maxdesign.com.au/listamatic/vertical05.htm

Sencillo, nada del otro mundo, reemplazar el icono de lista por el de
de una imagen usando la tecnica background.
Luego de quiero establecer en el estado over de los links de esa lista
un borde al lado derecho, y aqui nace el problema (segun he hecho las
pruebas).
Se juntan dos cosas:
En internet explorer el div que contiene la lista sale más alto de lo
que debería, y el otro deefecto es que vuelve al tamaño que deberia
tener (menos alto) cuando te colocas encima de un link pero al salir
de encima vuelve a agrandarse.
Aquí una imagen del problema:
http://img126.imageshack.us/my.php?image=problemaborde1qz.gif

El problema para el movimiento del div es el borde que sale cuando
estoy encima del link, aunque no sé como solucionarlo.

CSS:

#lista_contenido{
margin-top:10px;
width:228px;
background-color:#F6F5F4;
border-right: #ECEBE9 solid 6px;
padding:0px;
}
#aslist{
margin-left: 0;
padding-left: 0;
list-style: none;
}
#aslist li{
padding-left: 20px;
background-image: url(imagenes/icon_list_as.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
text-align: left;
}
#aslist li a{
display: block;
font-family:"Trebuchet MS",Verdana, Arial;
font-size:12px;
text-decoration:none;
color:#4F65AF;
}
#aslist li a:hover {
color: #89BB36;
border-right: 3px solid #DCDBDA;
}

Gracias por cualquier ayuda.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a