Hola a todos.
Quiero generar lo siguiente en CSS:
y lo hice con este codigo:
Código HTML:
<div id="content1">
<h3><span>La Boca</span></h3>
<p><img src="images/interior/buenosaires/laboca.jpg" width="234" height="163"></p>
<p>Aqui el texto</p>
</div>
<div id="content2">
<h3><span>Tango</span></h3>
<div id="img"></div>
<p>Aqui mas texto</p>
</div> Los parrafos son mas que dos. Pueden ver el estado actual de lo que tengo hecho aqui:
Ejemplo
Como veran, el segundo parrafo si tiene texto mas corto que lo que ocupa la imagen verticalmente, la imagen se sobresale de la capa y se me encima con la que le sigue.
Si le pongo la propiedad overflow:auto, en Firefox se ve ok, pero Internet Explorer sigue mostrandolo superpuesto.
Como se puede arreglar?
Gracias y saludetes.