Listas anidadas + Font-size... = Anarquia IE

[kazafun]

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!

[kazafun]

Primera cagada, no es correcto insertar elementos <ul><ol> uno dentro de otro... bueno, bueno, vamos aprendiendo... XDDDD