Allineamento immagini e box

[remida]

Ciao ho un prolema con l'allineamento delle immagini e i box.

Ho una struttura fatta grosso modo così:

<div class="post">
    <div class="titolo">
        TITOLO
    </div>
    <div class="entry">
        

<img .... />TESTO TESTO TESTO TESTO</p>
    </div>
    <div class="postmetadata">
        Post pubblicato il ......
    </div>
</div> 

e nel foglio di stile delle istruzioni di questo tipo:

.post
{
    margin-bottom: 40px;
    color: #666666;
    font-size: 12px;
}
.entry
{
    margin: 20px 0px;
    text-align:justify;
    position:relative;
}

.entry>p>img 
{
    margin-right: 10px;
    float:left;
}

.postmetadata
{
    border-top: #CCCCCC dotted 1px;
    display:block;
    padding: 5px;
    font-size: 0.8em;
} 

L'effetto che voglio ottenere è allineare tutte le immagini a sinistra, il testo a destra delle immagini partendo dal "top".
Il problema è che se l'immagine è verticale e le linee di testo non sono più alte dell'immagine, il contenuto di postmetadata si allinea a destra come se facesse parte dello stesso box.
Come posso fare a farlo andare a capo?

[gengix]

Non capisco=).
Prima dici che l'immagine la vuoi a destra e il testo a sinistra e poi dici che il testo nn vuoi che si allinei a destra. Sulla mia macchina ho inserito un' immagine e la formattazione mi sembra rispecchi le tue esigenze iniziali.
Potrersi riformulare?=)

[Mich_]

Non riesco a capire il motivo di quella sovrastruttura. Keep it simple: sara` molto piu` facile sistemare i CSS.

Io farei una cosa del tipo:

<div class="post">
  <h1>TITOLO</h1>  
  

<img .... />TESTO TESTO TESTO TESTO</p>
  <p class="postmetadata">Post pubblicato il ......</p>
</div>

A quel punto devi dare il clear a .postmetadata (e` il modo piu` semplice, e funziona bene se non ci sono sfondi particolari ai vari elementi), oppure il clear a p:after, come consigliato nella pillola [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float