Hur få en div att justera höjd efter en flytande div?

Håller på att designa om en osCommerce-shop, stötte dock på ett problem.
Har en två spalters sida och dessa två spalter flyter inuti en div.
Alltså, det ser ut ungefär såhär:

<div id="wrapper">
<div id="marginleft">
<div id="marginright">

</div>
</div>
</div>

CSS

#wrapper {
position: relative;
width: 800px;
height: auto;
min-height: 600px;
margin: auto;
}

#marginleft {
position: relative;
float: left;
width: 200px;
height: auto;
}

#marginright {
position: relative;
float: left;
width: 580px;
height: auto;
}

Det jag vill är att "wrapper" ska ställa sin höjd efter "marginleft" och "marginright" beroende på vilken av dom som är högst.
Är detta möjligt eller kommer "wrapper" att vägra ta någon skit av "marginleft" och "marginright" när dessa flyter?

<div id="wrapper">
<div id="marginleft">
Vänstra kolumnen.
</div>
<div id="marginright">
Högra kolumnen.
</div>
</div>

<div style="clear: both; line-height: 1px; font-size: 1px;"> </div>

Naturligtvis var det så jag menade. Bra att du såg det, för mig krävdes en tupplur.
Tack, ska testa detta.