[SOLUCIONADO] Se sale la imagen con float.

[Brujo2]

Hola a todos!

Estoy creando un sitio que usa el edito CKedtor, el problema es que cuando se ingresan imagenes y las alinea a la izquierda o derecha se salen del recuadro (usa automaticamente float:left o float:right



El recuadro esta dentro de dos DIV, no se como hacer que la imagen quede dentro del DIV informacion a pesar de que las imagenes tengan ese float.

Código HTML:

<div id="box"><div id="titulot">12121asas1212</div><div id="informacion"><p><img alt="" src="http://i.imgur.com/XvWIwD7.jpg" style="float:left" /></p></div></div></div> 

El código CSS (estoy trabajando con Bootstrap)
#Box solo tiene las propiedades del color....

Código CSS:

#box{ 
   }
 
#informacion
{
padding: 5px 5px 5px 5px;
}
 
   #informacion img
{
display:block;max-width:100%;height:auto;
}
 

Gracias por su ayuda

[pzin]

Hay tres soluciones generales para eso:

1. Añades un elementos antes de cerrar el contenedor que tenga un clear: both
2. Añades al elemento contenedor overflow: hidden
3. Usas un micro-clearfix

[Brujo2]

Gracias amigo!, funcionó