redimensionar div (IE, Mozilla, FireFox, NetScape)

[pellagofio]

la cuestión es que tengo esto...

<div class="textonota">
...el contenido que sea...
</div>

... en el fichero .css tengo esto...

.textonora
{
.textonota{
text-align : justify;
margin-top: 1px;
padding: 8px;
border: 1px solid #CFD2FE;
width: 100%;
height : 100px;
}

El problema esta en que en IE SI me ajusta el div en relación al contenido PERO en otros navegadores (Mozilla, NetScape, FireFox) me deja el div a una altura de 100px y el contenido se desborda.

Alguna idea.

Gracias.

[hunab]

tienes que tener en cuenta que el atributo height el explorer lo interpreta como min-height en los navegadores estándares, así que si quieres que se te ajuste el div al contenido utiliza min-height para los navegadores estandares. Seria algo como esto:

.textonota{
text-align : justify;
margin-top: 1px;
padding: 8px;
border: 1px solid #CFD2FE;
width: 100%;
min-height : 100px;
}

* html .textonota{height : 100px}

[pellagofio]

¿Porqué pones ...

* html .textonota{ ... }



¿No es lo mismo que poner...

.textonota { .... }

[kemie]

solamente ie interpreta * html (incorrectamente, por cierto)

[pellagofio]

pues los css que he creado hasta ahora no los he creado así, y el IE me los interpreta correctamente (creo)

[kemie]

si, por eso. todos los navegadores, incluyendo ie interpretan la regla

.textonota{...}

pero SOLAMENTE IE interpreta

* html .textonota{...}

eso te permite tener una regla que solamente sea para IE