Div che occupino tutta l'altezza del loro contenitore

[Gas75]

Salve, ho necessità di realizzare un layout a tre colonne di modo che tutte e tre occupino l'altezza totale del loro div contenitore poiché devono avere i loro colori di sfondo fino al footer.
Tuttavia sebbene abbia assegnato height: 100% a contenitore main e div singoli, questi ultimi occupano l'altezza strettamente necessaria.

La situazione è qualcosa del genere:

<div id="main">
	<div id="menu">
	</div>
</div>

#main {
    height: 100%;
}


#menu {
    background-color: #0000ff;
    float: left;
    width: 200px;
    height: 100%;
}