Sfondo sbagliato con div float

[fcw5]

Ciao a tutti,

ho una struttura del genere:


div#contenuto {
width: 920px;
height: 100%;
background-color: #002b4a;
padding: 20px 15px;
overflow: visible;
}
div.staff-sx {
width: 200px;
height: 250px;
float: left;
clear: both;
}
div.staff-dx {
width: 700px;
float: right;
}
div#piede {
width: 950px;
height: 36px;
background-color: #002037;
clear: both;
}

Purtroppo, inserendo il tag float, il contenitore non mi segue più i div Staff, quindi non visualizzo lo sfondo.

E' possibile correggere l'errore o c'è un altro sistema per vedere lo sfondo giù fino al piede seguendo l'altezza dei div staff?

Grazie
Fcw

[Inverter]

se non ho capito male qui c'è quello che ti intererssa:http://css.html.it/guide/lezione/69/...-con-il-float/

Guarda il paragrafo "un limite da superare".

Poi eviterei di dare allo "staff-sx" sia il float che il clear: queste due proprietà sono praticamente l'opposto

[fcw5]

Avevo letto le false colonne, ma lo sfondo dei miei contenitori è un colore uguale per tutti inserito nel div contenuto. Se dentro contenuto metto un div senza float, contenuto mi contiene questo div, se aggiungo il float, contenuto rimane sopra il div.
Forse dovrei mettere un div in fondo dopo le due colonne? ma c'è già piede, dovrei cambiare qualche regola al piede?

Forse dovrei spostare piede all'interno di contenuto, adesso tutto il sito è racchiuso dentro un altro div che si chiama contenitore così:

<div id="contenitore">
<div id="menu">
</div>
<div id="contenuto"> (il colore è segnato qui)
<div id="staff-sx">
</div>
<div id="staff-dx">
</div>
</div>
<div id="piede">
</div>
</div>

Però ho già fatto molte pagine con questa struttura... è possibile creare un div apposta per terminare il contenuto in basso? dovrebbe essere vuoto... non so...
che dite?

Grazie
Fcw