Tableless design : floating <div> med height : 100%

Hej, nu har jeg kæmpet længe nok, og overbelastet google på det groveste, men kan simpelthen ikke finde et svar (som forhåbentlig ikke betyder det er umuligt)

Hvis jeg har dette simple stykke kode (kun et groft eksempel)

<div id="main">
    <div id="menu" style="width : 100px ; float : left ;"></div>

    <div id="content"></div>
</div>

Hvordan kan jeg så få "menu" og "content" til at have samme height? Det virker ikke med height : 100% ; på "menu", og jeg kan simpelthen ikke finde på andre ideer :(

Jeg kan se 2 mulighedder... Enten laver jeg det med en tabel (og det nægter jeg :), eller også laver jeg et eller andet javascript fis, hvilket er en tanke jeg ikke bryder mig om.

Så er der nogen der kan komme med en løsning i CSS?

På forhånd tak :)