Código:
<div class="box">
<div class="boxtitle">
<p>Mi cajita</p>
</div>
<div class="boxcontent">
<img src="css/winxp_beta2_wmp8full.gif" style="float:left; padding-right:12px;" height="100" >
<p>Esto es poco contenido y la imagen tiene mayor heigth, por lo que la imagen queda fuera de la cajita provocando un efecto... no deseado.</p>
<br style="clear:both;" />
</div>
</div>
Muchisimas gracias!!
Solo hay un detalle.
Si la imagen tiene mayor altura que el texto, poner esa correccion lo deja perfecto. Pero si la imagen tiene menor altura o simplemente no hay imagen, aumenta el alto de la caja sin sentido, dejando una terminacion que no me gusta.
Habrá alguna forma de compensar las dos situaciones?
EDITADO: Lo acabo de probar en IE y no funciona. Solo funciona bien en Firefox.