Ho una barra top, due colonne laterali, e una parte centrale per i contenuti. Tutto questo è dentro un #contenitore con un bordo giallo. Come faccio ad adeguare l'altezza del contenitore a le altezze delle colonne interne ???

Nonostante il contenitore sia un elemento parent degli altri, e abbia un height=100%, non ne vuole sapere di adeguarsi alla lunghezza degli altri.

AIUTO !
La pagina è questa (link)

codice:

body {
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333; height:100%;
}
#contenitore {
border:3px;
border-style:solid;
border-color:#FFCC00;
margin: auto;
position:relative;
width:80%;
height:100%;
z-index:1 }

#topbar {
margin:0px;
padding:0px;
height:150px;
background-color:#CCCCCC;
}

#leftbar {
position:absolute;
margin:0px;
padding:0px;
left:0px;
top:150px;
width:150px;
height:300px;
background-color:#CCCCCC;
}
#rightbar {
position:absolute;
margin:0px;
padding:0px;
right:0px;
top:150px;
width:150px;
height:460px;
background-color: #CCCCCC;
}
-->

<body>
<div id="contenitore" >
<div id="topbar" ></div>
<div id="leftbar"></div>
<div id="rightbar"></div>
</div>
</body>