problema con div en firefox

En un artículo al poner este código...

HTML Code:

<div><img src="http://www.midominio.cl/miimagen.gif" align="left" border="0"></div>

Al utilizar align="left" en IE el alto del div es dado por la imagen y en Firefox es determinado por el texto.

Resulta que para el div uso un color de fondo y en IE como el alto es determinado por la imagen no hay problema, todo se ve dentro del div, pero en Firefox, como el alto es determinado por el texto, el la imagen sobresale al div que la contiene.

¿Cómo puedo hacer para que se vea bien en Firefox?

Al div no le puedo asignar una altura ya que dentro de ella puede que no exista una imagen, dependiendo del contenido del artículo.

Varias cosas:
1) Me parece que no estás usando DOCTYPE, por lo que IE no está funcionando en modo "Cumplimiento de estándares" así que no es posible comparar el comportamiento de ambos exploradores.
2) Si quieres que la imagen se alinee a la izquierda del div mejor usar CSS, tanto para eso como para en borde:

Código :

<div><img src="http://www.midominio.cl/miimagen.gif" style="float:left; border:0;"></div>

En modo "Cumplimiento de estándares" lo que debería pasar con un <div> al que no se le especifican medidas, es que la altura del mismo esté dada por la altura del texto y el ancho es el ancho total de la ventana. Y si le pones la imagen, es la imagen la que define la altura del <div>. Ahora bien: si pones la imagen alineada o float, el div deja de usar la altura de la imagen.

La mejor solución, como siempre, viene de mi gurú Eric Meyer:
Forcing a DIV height based on an image

puse este ejemplo de Eric Meyer en Medidas divs e imagenes
Suerte!

Interesante yo lo resolvi añadiendo este codigo:
Clear: 0; y Font-size: 0; en el div donde esta la imagen sin imagenes y funciono...