Due colonne con stessa altezza.

[Mega69]

Ho due colonne posizionate con float all'interno di un box. Vorrei che queste la colonna più piccola abbia l'altezza di quella più grande...
Ho già provato con height:100%; ma il fatto è che per height 100%; viene intesa l'altezza della pagina, e non del box contenitore...

Forse devo applicare qualche regola a quest'ultimo?

#container {
position:relative;
float:left;
width:100%;
}


#menu {
position:relative;
float:left;
width:200px;
background:#dfdfdf;

}

	
#content {
position:relative;
margin-left:200px;
background:#ededed;

}

<div id="container">	
	<div id="menu">aaaaaaa
aaaaaaa
ddada</div>
	<div id="content">aaaaaaa</div>

</div>