Problema para modelar divs.

[aguila_393]

Tengo un problema que deberia ser bastante simple pero que no se porque no me esta funcionando.

Tengo una div item en la cual tengo dentro otras dos divs con float:left , abajo de esa, tengo otra div item con otras dos divs con float:left. El problema que tengo es que no encuentro la manera de que no se amontonen las divs. Aca dejo una imagen para que se entienda:



la estructura seria algo como esto:

Código HTML:

<div class="item">
  <div>IMAGEN</div>
  <div>TEXTO</div>
</div>
<div class="item">
  <div>IMAGEN</div>
  <div>TEXTO</div>
</div>
 

Probe poniendo height:auto a item pero no funciona.

[webosiris]

lo que necesitas se conoce como "limpiar los floats"

agrégale clear:both al .item