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;
}