image float left e div che si sovrappone

[Stan]

Ho allegato l'immagine col "difetto".

Ho colorato i div in modo da essere più chiaro. Il Div bianco mi sta bene dove sta. Quello grigio però lo vorrei sotto all'immagine, "a capo".

Ecco il codice html, e ecco il css

Immagino che ovviamente il div si sta comportando come deve. Quindi devo trovare una regola che dica al div di stare fuori dal float dell'immagine.

    <div class="art">
    <div style="background-color: #FFF">
    [url="dettagli.asp?id=65"][img]../img_articoli/nofoto.gif[/img][/url]
    

[b]&raquo;sadsa[/b]

    asdasdasda</p>
    </div>
    <div style="background-color: #EEE">
    
           <font color="#CC0000">[b]Prezzo:</font>
           <strike><font color="666666">€0,00</font></strike> €0,00

           <font color="CC0000">Risparmi il</font> 0%[/b]

            
            <div>[url="dettagli.asp?id=65"][img]immagini/iacquista.gif[/img][/url]</div>
        
    </div>
    </div> 

div.art {
    width: 315px;
    float:left;
    margin:5px;
    padding: 10px;
    color: #003C66;
    background-color: #E5EBEF;
    text-align:justify;
    height:100%;
}


div.art img.imgart{
    margin-right:5px;
    margin-bottom:5px;    
    float:left;
    border: 1px solid #003C66;
} 

[fcaldera]

dai un clear: left al div grigio

[Stan]

domani provo

[Stan]

funzia!