Desborde de Capa

[frijolerou]

Te explico a groso modo...

Estuve buscando una solucion para no recurrir al html, pero como no recuerdo la página donde vi esa respuesta opté por hacer algunos cambios en el html.

1-. Le quité el height a esos 2 divs ya que en Firefox eso se usa para un tamaño fijo, y y el contenido es mayor (en este caso texto) este se desbordaria y el div seguria manteniendo la misma altura inicial, asi que quedaron sin tamaño definido.

2-. El div "contenido-medio" tal como mencionabas, tendria 2 divs interiores, "info" y "lateral". Como "info" es un elemento flotante, no hace crecer al div "contenido-medio" a medida que va teniendo más contenido. Entonces lo que hice fue agregar un tercer div vacio que hará de "separador" por decirlo de alguna manera (por eso le asigno solo 1px de altura). A ese div "invisible" le doy la propiedad clear:both; para que se vaya moviendo a medida que crece el div flotante que esta antes que el (en este caso "info"). Y el traslado de este DIV es el que influye en que "contenido-medio" vaya creciendo, a medida que en "info" agregas contenido.