¿Algún mago, gurú, genio, chamán, pitoniso, harry pooter del CSS y el line-height?

[SI TAN SOLO TUVIERA]

Hola. Sigo buscando sin encontrar nada, algo o alguien que me pueda ayudar con este bendito problema del line-height, expongo mi caso gráficamente:



Cínicamente, el peor de los navegadores, IE obviamente, es el único que lo hace bien, como debería de ser. Chrome lo hace terrible.

Alguien sabe algún truco o hack para arreglar ésto o lograr que esos saltos de línea se vean bien en los tres navegadores?

Les quedo agradecido cualquier ayuda o sugerencia.

Este es el código CSS que estoy usando:

Código CSS:

#new_10_titblog li a {font-family:Arial,Helvetica,sans-serif;font-size:0.7em;color:#FF6600;text-transform:uppercase;font-weight:bold;text-align:left;text-decoration:none;line-height:1.2}
 

El texto es un link y ya he tratado usando todo tipo de valores, porcentajes, em, px, etc y nada.

[SI TAN SOLO TUVIERA]

Solución: en casos así si se está usando listas <li></li>, pasarse a un <div></div> y listo.

[lvfp]

Has probado a resetear el css? o por lo menos:

li, ul, a {padding: 0; margin: 0;}

[ayukkonen]

Tienes puesto... "line-height:1.2"

1.2 ¿qué? Supongo que tendrás que determinarle el tipo de medida, ¿no? px, pt, em...

Saludos.