Diven blir inte 100%

Hejsan.

Jag har ett lite problem med mina divar.

Jag har en div "main" och i den diven har jag "mainleft & mainright".
Och om det blir jätte mycket text i main left så fölljer inte main med utan den bara stannar på "height:typ 10px;" eller nått sånt.

Men jag vill att diven main ska va 100% helatiden så den ska anpassa sig efter övriga divar som ligger innuti main.

div koden.

<div id="main"> 
	<div id="mainleft">här är jätte mycket text</div>
	<div id="mainright"><p>Main right (Submenu)</p></div>
</div>

här är css koden.

#main {
	background-image: url("../gfx/bg-content.gif");
	height:auto;
	width:880px;
	margin: 0 auto;
	padding: 10px;
}
#mainleft {
	float:left;
	background-color:#dfdfdf;
	width:600px;
	height:auto;
}

#mainright {
	float:left;
	background-color:#999;
	width:200px;
	height:auto;
}