Salve a tutti,
sto cercando di impaginare un nuovo layout, e stavolta avvalendomi non di tabelle e quant'altro, ma solamente dei DIV.

L'intenzione è ottenere un'immagine centrata nella pagina e, al di sotto di questa, due div: uno a dinistra (per il menu) e uno a destra (per la parte testuale vera e propria). Insomma: un classico layout. Così:



Se non fosse che il mio codice css però non sembra funzionare... In pratica, i due div menu e content si posizionano l'uno accanto all'altro, ma non AL CENTRO della pagina. Ho provato ad incapsularli in un altro div (il quale aveva come attributo align: center) ma non è servito, anzi addirittura sembra che i due div incapsulati all'interno non lo vedano.
Il codice è qui sotto? Cosa ho sbagliato e cosa manca?

BODY {
background: #6092A7;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
margin: 0 0 30 0;
}

DIV#box1
{
width: 790px;
background: #c6c6c6;
margin: 0 0 0 0;
float: none;
}

DIV#boxmain
{
width: 400px;
float: right;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
background: #ffffff;
margin: 0 150px 0 0;
text-align: left;
}

DIV#boxmenu
{
width: 210px;
float: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
background: #CCCCCC;
margin: 0 0 0 20px;
}

Grazie mille!