le colonne strabordano dal suo content

[MicheleWT]

ho un <div id="content">
e dentro 2 colonne, una column_left e una main_col

il problema è che le colonne crescendo non si portano dietro il content, ma il content rimane ad altezza minima

le colonne hanno posizionamento float.

avevo trovato già una soluzione qui, ma me la sono dimenticata e non la trovo in ricerca.

mi ricordo che centrava o il clear o il margin:auto.

questa l'html

        <div id="columns_content">
               <div id="maincol" > Main Content Column </div>
                <div id="leftcol" > 
                        <div>prova</div>
                  </div>
        </div>

e il css relativo

#columns_content{
	border: 1px solid #5E9C9E;
	width:938px;
	background-image:url(images/columns_background.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#E1F5F2;
	padding:10px;
}
#leftcol{
	width:183px;
	display:inline;
	background-color:#000099;
} 

#maincol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:700px;
 background-color:#FF0000; 
 }