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