percentuale larghezza

[Shibu]

Ciao a tutti, spero che mi potete aiutare.
Sto facendo un sito con grafica molto semplice, in cui c'è un div in alto lungo 100%, poi sotto metto a sinistra un menù e a destra un box per i contenuti.
Il problema è che se per questi ultimi due box imposto "20%" e "80%" faccio andare box di destra sotto il box di sinistra.
Come posso fare per fare in modo che i due box occupino sempre il 100% in larghezza, senza far andare i due box uno sotto l'altro?
qua sotto il codice del foglio di stile che ho usato per questi due box (menu e contenuti). (il foglio di stile in realtà è più lungo, magari gli errori non sono qua ma da altre parti).
Fatemi sapere
grazie a tutti



#content {
float: left;
width: 100%;
padding: 1em 0em 1em 0em;
background-color: #FFFFFF;
}

#contentLeft {
float: left;
width: 20%;
background: #FFFFFF;
border-color: Black;
border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
padding: 1em 1em 1em 1em;
border-right-width: 1px;
border-bottom-width: 1px;
}

#contentRight {
float: right;
width: 80%;
background: #FFFFFF;
border-color: Black;
border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
padding: 1em 1em 1em 1em;
margin: 0 0 0 0;
}

[Mich_]

Basta che fai un po' di conti:

(0 margin) + (1 border) + (1 padding) + 20% + (1 padding) + (1 border) + (0 margin) + (0 margin) + (1 border) + (1 padding) + 80% + (1 padding) + (1 border) + (0 margin) > 100%

Quindi non ci sta, e i due blocchi vanno uno sotto l'altro.

Rivediti la teoria del box model (ricorda pero` che IE non segue il box model del W3C).

[Shibu]

Si in effetti avevo fatto anch'io quel conto ed avevo capito che ero sopra il 100% ma credevo ci fosse un modo per impostare il 100% ugualmente.
Ora mi riguardo qualche guida sui CSS, grazie.
ah Mich_, anch'io sono della provincia di Trento. :-)