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; 
 }

[MicheleWT]

o ho risolto da solo, la pausa pranzo fa miracoli . posto la soluzione se a qualcuno interessasse:

ho aggiunto un <div id="close_columns"></div>

html

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

css

#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;
	float:left;
	display:inline;
	background-color:#000099;
	border: 1px solid #5E9C9E;
} 

#maincol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:700px;
 background-color:#FFFFFF; 
 border: 1px solid #5E9C9E;
 }
#close_columns{
clear:both;}