p:first-letter - Posicionamiento distinto según navegador

[kseso?]

en el css:

Código:

.contiene-coment p {
padding: 10px 15px 5px 20px;
font-family: candara, mirian, "maiandra gd", calibri, "sans serif";
font-size:1.2em;
line-height:1.4em;
color:#3a3a3a;
}
.contiene-coment p:first-letter {
font-size: 3.2em;
font-weight: bold;
font-family: algerian, castelar, decorativa;
text-transform:uppercase;
color:#a00000;
line-height: 2.4em;
float: left;
}

en el html:

Código HTML:

<div class="contiene-coment">
<p>lorem ipsum dolor sit amet consectetuer pede Donec justo orci tincidunt. Metus lorem fringilla malesuada Curabitur sed egestas eget pretium Nullam at. Curabitur Morbi a eros parturient fringilla nibh accumsan porttitor nibh enim. Lacinia montes elit...</p>
</div> 

El problema:
En FF la primera letra de <p> la 'L' se ve de una altura de 2 líneas y con la base (el trazo horizontal) alineado con la segunda línea del párrafo. La tercera línea y posteriores se colocan debajo de esa letra, ajustadas al margen izquierdo.

En Opera y FF7 esta primera letra crea todo un margen izquierdo al párrafo, que no deseo.
No detallo las pruebas y modificaciones porque han sido infroctuosas.

1º= ¿Por qué ocurre?
2º= ¿Cómo corregirlo?

Podéis verlo aquí donde casi al final de la página, bajo el epígrafe "tribuna pública".

Y el css completo es éste
Me quedan bastante cosas que pulir, pero cualquier sugerencia a mayores también será bien recibidas.
Un saludo

[Mikmoro]

Se debe al line-height: 2.4em; que hace que la letra ocupe en realidad un bloque de alto más grande de lo que buscas.

Cámbialo por un line-height: 0.8em; y creo que se acomodará como quieres.

[kseso?]

Para tí:


Porque te la mereces. Definitivamente dejaré cierta imagen y enlace en el pie de página dentro de los agradecimientos/créditos

[Mikmoro]

¡La copa de la Champions! No está mal
(lástima que no fuera de verdad)

Me alegro de que te haya servido

[Jamati]

Perdón, edité porque respondí en un tema equivocado.