Problema layout con div

[untamed]

Ho un layout fatto così:
un div contenitore in cui si trovano una immagine, che fa da titolo, in alto,
un div con menu laterale a sinistra e un div con "float:right" in cui vanno
a finire i contenuti.
Il problema è che il div che contiene tutto è alto quanto il menu laterale, quindi
il div con "float:right" deborda verso il basso.

Il div contenitore ha questi stili:

.main {
	margin:auto;
	text-align:left;
	background-color:white;
	background-image:url(img/tab_sel5.jpg);
	background-repeat:repeat-y;
	width:649px;
	height:100%;
	padding:0px;
	border:1px solid;
}

questo per il menu laterale:

.menu {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:15px;
	width:100px;
	font-size:13px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

Vorrei che il div main fosse alto quanto il body, per esempio.
Qualcuno mi aiuta?

[cerba]

Deve debordare in basso?
Il main ha 649px, giusto?
Se il menù di sx ha 100px ma non gli specifichi che deve mettersi a sinistra come "float", lui il blocco seguente lo spingerà in giù.
Non è un prob del main ...
Poi se sono div devi metter il # e non il punto come per una classe.
Cmq:

#main va bene così;
#sinistra {width:100px;float:left}
#destra{width:549px;float:right}

Ah, tieni conto dei margini, che vengono aggiunti al totale..

[untamed]

Ok grazie, proverò.