visualizzazione errata con float

[pakylory]

Salve a tutti,
vi spiego il problema.

Ho un layout a due colonne. La colonna di navigazione è a sinistra.
E fin qui tutto ok!
In quella dei contenuti, ho in cima un div (ultima) che contiene foto e testo. Ho dato queste caratteristiche al div:
div#ultima img {
float: left;
padding: 0 5px 0 0;
position: relative;
}
div#ultima p {
margin: 0;
position: relative;
}
Sotto il div ultima vi è il div box.
Il problema è che se l'immagine di ultima occupa più spazio in altezza del paragrafo, box si sovrappone a ad ultima, in particolare copre l'immagine e si attacca alla base del paragrafo.
Come posso fare per avere box sempre sotto ad ultima indipendentemente se è più alto il paragrafo o l'immagine?

Grazie,

[pakylory]

Ho messo qui una demo...
il problema è nel div che si accavalla a quello contenente la foto di Capello.

Inoltre ho notato, anche, un altro problema. Lo sfondo presente nel div che contiene i box "Msg" e "Msgforum" non si estende in verticale.

Suggerimenti?
Grazie

[bagu]

Originariamente inviato da pakylory
Ho messo qui una demo...
il problema è nel div che si accavalla a quello contenente la foto di Capello.

per questo basta dare il float anche al contenitore:

div#ultimissima {
	margin: 0;
	padding: 0;
	border: none;float:left; {

[pakylory]

nulla da fare...
avevo già provato in questo modo!

Grazie per la risposta comunque!

[pakylory]

salve gente,
purtroppo sto mettendo clear e float in ogni dove ma non riesco a risolvere...

Nessun altro consiglio?