Altezza div in base al suo contenuto

[Hysoka]

Ciao a tutti,
ho un div wrapper che contiene una navigazione laterale è un contenitore di contenuti. Però questo wrapper non si addatta alle dimensioni dei altri due div contenuti al suo interno (nav e contenitore). Ho provato a mettere height:auto oppure height:100%, ma non funzionano.
Ecco i codici

div#wrapper
{
  position:relative;
  width:800px;
  border:1px solid black;
  height:auto;
  left:100px;
}



div#navigator
{
  width:150px;
  position:absolute;
  bottom:0;
  background:url(images/onda1.gif) bottom left #ffffff no-repeat;
  padding-bottom:1em;
  border:1px solid black;
}



div#container
{
  position:absolute;
  width:650px;
  top:0px;
  left:150px;
  border:1px solid black;
  background:#FFFFFF;

}

e poi

<div id="wrapper">
<div id="navigator">...</div>
<div id="container">...</div>
</div>

Vi ringrazio anticipatamente