div-Spalten gleiche Höhe

[Ducksoul]

Guten Abend,

ich bin meinem neuen Projekt auf das Problem gestoßen, dass ich bei einem mehrspaltigen Design mehrere Divs als Spalten habe, welche die gleiche Größe haben sollen...

Meine Herangehensweise bis jetzt:

Html:

  
<div id="content_wrapper">  
   <div id="left">  
      Hier is die linke Spalte  
   </div>  
   <div id="right">  
      Hier is die rechte Spalte  
   </div>  
   <div class="clr"></div>  
</div>  

CSS:

  
#content_wrapper  
{  
   background:#fff;  
   overflow:hidden;  
   position:relative;  
}  
  
#left  
{  
   background:#eee;  
   width: 300px;  
   float: left;  
}  
  
#right  
{  
   padding: 5px;  
   margin-left: 300px;  
   background-color: yellow;  
}  

Und wie bekomm ich es nun hin, dass die Divs die gleiche Höhe bekommen? height: 100%; klappt ja nich so recht..