problema con immagine e bordo del div

[carlo2002]

in un div, allineando un'immagine a sinistra rispetto al testo, quando quest'ultimo non supera l'altezza stessa dell'immagine, questa ne sovrascrive il bordo.

questo è il css,

.informazione{
width: 60% ;
color: navy ;
border: 1px dotted navy ;
margin: 20px 0px 20px 0px ;
padding: 10px 10px 10px 10px ;
}

.informazione img{
margin: 0px 10px 5px 0px ;
float: left ;
}

e questo l'xhtml,

<div class="informazione">
<img src=\"grafica/info.jpg\">
Prova
</div>

come si può risolvere ? grazie

[Mich_]

E` il solito problema del clear, trattato numerose volte (quindi ti consiglio una ricerca nel forum - bottone in alto). Vedi in particoalre il thread: [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float

Comunque il testo va inserito in un tag

, altrimenti e` un errore semantico.

[carlo2002]

ok, grazie mille