Problème CSS : deux colonnes de même hauteur

Bonjour,

J'ai un conteneur avec deux colonnes que j'aimerai tout le temps de même hauteur.

<div id="contentwrapper">
<nav id="sidebarleft">
</nav>
<section id="contentarea"></section>
<div class="clear"></div>
</div>

#contentwrapper {
background-color: #E5E4E4;
border-radius: 0 0 8px 8px;
width: 990px;
}

#sidebarleft {
background-color: #FFFFFF;
border-radius: 8px 8px 8px 8px;
float: left;
margin: 5px 0 10px 5px;
width: 200px;
height:100%;
}

#contentarea {
background-color: #FFFFFF;
border-radius: 8px 8px 8px 8px;
float: right;
margin: 5px;
padding: 20px 0 20px 20px;
width: 755px;
height:100%;
}

Mes height:100% ne sont pas pris en compte car le conteneur n'a pas de taille déterminée. Comment puis-je résoudre mon problème s'il vous plait ?

Merci bien

Bonsoir,

Tu as la solution du display:table-cell; (pas ok sur ie6)

Raphael vient de faire un article, et cette solution y est citée.