IMG ALIGN="LEFT" no visualiza bien dentro de DIV

Hola cristaleros,

Tengo lo siguiente:

Código :

                <div style="position:relative; clear:both; width:399px; padding:10px; background:#DBF0F7;">
                        <img src="/images/institucional/relInst_flash.gif" align="left" />
                        <p>
                        Es una pieza institucional dirigida al sector empresario.<br />
                        En ella se encontrar&aacute; informaci&oacute;n referida a las acciones, pol&iacute;ticas y novedades en materia de formaci&oacute;n profesional, programas de capacitaci&oacute;n y empleo, firma de convenios y responsabilidad social.
                        </p>
                </div>

Esto lo que visualiza en FIREFOX es la imagen con el texto a la derecha de la misma, pero el fondo corta antes, o sea que el margen inferior queda por detrás de la imagen, y la imagen sobresale del div que contiene a la imagen y el texto.
En IE se ve bien. Y si le saco el ALIGN a la imagen se ve bien, peor texto debajo de la imagen. Lo mismo sucede si lo hago con DIVs para cada elemento.

Por qué esto? cómo lo soluciono? gracias, abrazos.
Emiliano

El error puede ser que no tenes una altura espicificada.
Por lo que decis el alto de la imagen es mayor que el del texto, y el div esta cortando cuando termina el texto.
dale un alto especifico al div, y fijate si te sirve.

Un concejo : los estilos CSS manejalos desde un archivo aparte del HTML. ASí vaas a tener el código más limpio, vas a ahorrar tiempo de trabajo y va a ser más sencillo de modificar si ocurre algún error.

Saludos
Fernando,..........

Hola Fernando,

Gracias, esa solución la tenía, pero no la aplico porque creía que los divs se acomodaban al alto del contenido que hay.
Y los estilos entán en un CSS externo igual que los JS y así demás... código pulcro jaja
Abrazos gracias