A ver, en un listado algo complejo ( en concreto el de la 2ª competencia XD ) me encuentro el siguiente problema: listas dentro de listas, bien.
Para definir distintas estilos a los <li> (el padre que sea distinto del hijo... y todo eso...) estoy diferenciandolos de la siguiente manera:
Código:
#principal ul li, #principal ol li{
color: Gray;
font-size: 1.4em;
padding-left:50px;
}
y para las listas dentro de ese tipo de listas, lo hago asi.
Código:
#principal ul ol li, #principal ol ul li, #principal ul ul li, #principal ol ol li{
color: Blue;
font-size: 1.2em;
padding-left:50px;
}
De esta manera la lista padre queda de un mayor tamaño que la lista hija, AL MENOS EN MOZILLA.
El problema es que a IE le da igual el patron que indico y a la lista hija ( la anidada ) siempre le suma el tamaño que tiene la lista padre. Osea al 1.4 lo aumenta 1.2 veces.
Me gustaria trabajar con .em, y no tener que recurrir a medidad fijas.
¿Como resolveriais este problema?
1000 GRACIAS!