Ho una pagina con tre div. Uno dev'essere la colonna di sinistra (boxLeft), alto quanto tutta la pagina. Uno deve essere posizionato alla sua destra e prendere quasi tutto lo spazio (boxMain). L'ultimo (boxOggetti) dev'essere sotto boxMain e a destra di boxLeft.
Invece boxOggetti sta alla destra di boxMain, almeno su Firefox.

Ecco i rispettivi stili:

div[id], body, html
{
margin: 0;
padding: 0;
height: 100%;
}

div[id]
{
overflow: auto;
}

div#boxLeft
{
float: left;
width: 20%;
padding-left: 1%;
margin-right: 1%;
background-color: #cccc88;
}

div#boxMain
{
float: left;
display: block;
width: 78%;
height: 70%;
}

div#boxOggetti
{
width: 78%;
height: 30%;
}

Il problema è nato quando ho aggiunto la proprietà overflow in div[id]. Ma ovviamente non posso farne a meno. Come posso risolvere??