div sin height con contenido dinámico

[Jeibi]

Hola,

tengo el siguiente problema. Tengo un div que se genera dinámicamente, al que le asigno una clase para que tenga estilos.
Este div contiene algún título y texto que leo de la base de datos. Como estos datos pueden ser diferentes, el ancho del div puede variar, por eso no le pongo ancho en los estilos. Lo que genera en cada registro es mas o menos esto:

Código PHP:

  $salida = "<div class='estilo'>".
"<ul>".
"<li>".$row['nombre']."</li>".
"<li>".$row['fecha']."</li>".
"<li>".$row['comentario']."</li>".
"</ul>".
"</div>"; 
   

Y en la clase estilo tengo

Código:

.estilo{
width:300px;
background:url(images/02934.gif) no repeat bottom;
margin-bottom:5px;
}

Mas o menos, lo he hecho de cabeza porque donde estoy no tengo acceso al código.
El caso es que en IE me funciona, pero en firefox, el primer div que me genera me lo muestra sin height, si acaso de ancho 5px por el margin-bottom, y el resto de divs los hace con tamaño (no se si es el que le corresponde), y el último se queda fuera, osea todo descuadrado, como si no estuviera el contenido dentro del div.

¿Alguien sabe porqué pasa eso y como solucionarlo?

Gracias y saludos.

[willyfc]

dices que no le pones un ancho, pero el estilo tiene un ancho de 300px, entonces creo que te confundiste. Bueno haber prueba con eso:

Código HTML:

.estilo{
width:300px;
height: auto;
overflow:auto;
background:url(images/02934.gif) no repeat bottom;
margin-bottom:5px;
}

[Jeibi]

Gracias willyfc por tu respuesta.
Perdón, al decir ancho quise decir height, como en lo que hay es mas estrecho el height que el width le llamé ancho al height sin querer.
Creo que el 'height:auto' puede ser lo que esté buscando, lo probare. Pueden ver el resultado aquí, pero solo me ocurre en firefox, en explorer me funciona bien.
Le puse un color de fondo al div para que se vea mejor.

[willyfc]

bueno ahora ya entendí lo que quieres hacer, pero haz dado estilo a las listas?

[Jeibi]

A las listas le di estilos de flotado y anchura (width)

[willyfc]

es necesario que imprimas de esa manera?, o sea me refiero a que el div este dentro de la variable salida

[Jeibi]

Si porque cada comentario lo quiero separar de los demás, se que podría usar solo listas, pero bueno, ese no es problema. Ya lo solucioné, no se si voy a saber explicarlo. Tengo una clase 'flotado' en la que hago un 'clear:both'. Entonces, en el siguiente div se perdía el float:left.
Lo he solucionado poniendo float:left en la clase 'estilo' del div y poniendo un ancho al div de 100%.
Así me funciona
gracias por tu ayuda.