Problema con imagenes y CSS

Hola que tal, tengo un problema con el uso de CSS al meter imagenes en divs, el problema lo pueden ver en el siguiente link:


http://www.gamersos.com.ar/pruebas/problema/index.html

En el IE lo veo bien, pero en el Firefox lo veo corrido, el div contendor se acomoda a la cantidad de texto y no a la altura de la imagen entonces la imagen queda cortada a la mitad sobresaliendo lo que no entro en el cuadro, no se si me explico bien..

lo que yo quisiera lograr es que no importa cual sea la altura de la imagen, el cuadro donde esta el texto se alargue al tamaño de la imagen, sin importar cuanto texto haya

si tienen alguna idea o saben que es lo que esta mal les agradeceria que me lo dijeran

el archivo de css esta en: http://www.gamersos.com.ar/pruebas/problema/estilos.css

grx saludos

Tu problema es que la imagen flota. Para solucionar esto agrega un elemento debajo de todo, justo antes del cierre del DIV con el estilo crlear:both;

Ejemplo:

<div style=”clear:both;”></div>

Queda más elegante creando en el css una clase, por ejemplo .clear, y darle la propiedad que decía @nachon. En el html quedaría simplemente un:

<div class="clear"></div>

muchas gracias por responder, ya funciona perfecto no entiendo como no se me habia ocurrido

gracias!