css: Imagen de flotación a la izquierda - un problema

Question

que estoy tratando de hacer algo como:

-------------------------------------------- 
| --------- text text text text text text | 
| | image | text text text text text text | 
| |  | text text text text text text | 
| |  | text text text text text text | 
| --------- text text text text text text | 
| text text text text text text text text | 
| text text text text text text text text | 
-------------------------------------------- 

el marcado debe ser correcto:

<div> 
    <img src='myimage.jpg' style='float:left;'> 
    tex text text .. 
</div> 

el problema es - si hay sólo unos pocos texto, la imagen se "flotar" en el contenedor div, que se parece a esto:

-------------------------------------------- 
| --------- text text text text text text | 
| | image | text text text text text text | 
|_|  |________________________________| 
    |  | 
    --------- 

alguna idea para solucionar este problema? la única solución para mí parece establecer la altura mínima del contenedor div. THX

Answer 1

div { 
    overflow: hidden; /* except IE6 */ 
    display: inline-block; /* IE6 */ 
} 
div { 
    display: block; /* IE6 */ 
} 

Answer 2

añadir un elemento vacío en el extremo del elemento div con style="clear:both;, al igual que este:

<div> 
    <img src='myimage.jpg' style='float:left;'> 
    tex text text .. 
    <div style="clear:both;"></div> 
</div> 

Answer 3

< div style = "overflow: auto" > </div >