Hallo leider verstehe ich auch mal wieder nur bahnhof

ich hab folgendes problem ich habe einen großen container
HTML-Code:
#container {
width: 900px;
margin-bottom: 0px;
margin:0 auto;
}
Der zentriert mein design

in diesem container habe ich meinen header,content und footer
nun habe ich aber ein problem mit dem content denn in diesem habe ich noch zwei divs die mein menu nach links positionieren und meinen content nach rechts.

HTML-Code:
#main {
background-image:url(../images/body_back.png);
background-repeat:repeat-x;
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

#left {
float: left;
width: 200px;
margin: 0px;
padding: 5px;
color:#ffffff;
}

#right {
float: right;
width: 680px;
margin: 0px;
padding: 5px;
color:#ffffff;
}
Wenn ich es so habe werden zwar die left and right richtig dargestellt aber die main wird nicht höher. Habe die Left,Right und Main als <div=id> wenn ich die left und right als class darstelle wird die main higher dafür positioniert er die right und left nicht mehr richtig.

Hoffe jemand versteht was ich mein bin nen bischen geschafft von der Arbeit wenn es zu schlecht lesbar ist verbesser ich es morgen früh.

Mit freundlichen Grüßen
Der Waechter