immagine circondata da testo

[euge90]

Dovrei mettere un'immagine allineata a sinistra, con del testo che la circonda a lato, il tutto dentro a un div con bordo.

Ad allineare l'immagine a sinistra ho usato float: left, ma mi è sorto un problema.
Difatti se il testo non occupa abbastanza spazio quanto l'immagine in altezza, il div non circonda tutta l'altezza dell'immagine ma solo quella del testo, poichè all'immagine ho proprio messo float:left.

Per intenderci il codice è questo:
HTML

<div class="box">
    [img]logo.jpg[/img]
    

Qui c'è il testo non abbastanza lungo da arrivare alto quanto l'immagine</p>
</div> 

CSS

.box {
    border: 1px solid #121212;
    background-color: #333333;
}

.box img {
    float: left;
    margin: 5px;
}

.box p {
    margin: 5px 10px 10px 10px;
    color: white;
} 

c'è qualcuno che riesce a darmi un qualche consiglio per far allungare il div in modo tale che tenga dentro anche l'immagine allineata a sinistra?

Grazie!!