Relativ højde med div

Hey.

Et billed siger jo som dagt mere end 1000 ord, så jeg har prøvet at illustere mit problem:

http://peecee.dk/upload/view/99429

Mit problem er at få venstre menu til at være relativ i højden, så den indholdets højde.

Indhold har en baggrund der spænder over hele siden inklusiv pladsen "bagved" venstre menu", således at "venstre menu" ligger "ovenpå" indholdets baggrund.

Når man så skriver en masse indhold, bliver indholds "kassen" større og større men venstre menu forbliver samme størrelse og efterlader bare tom plads nedenunder.

Mit css ser således ud (kun med de ting der vedrører problemet):

body {
    background: #020104 url(images/bodybg.gif) repeat-x;
    color: #7F7F7F;
    font-family: tahoma, arial;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    text-align: center;
   
}

#container {
    margin: 30px auto;
    text-align: left;
    width: 785px;                                   
    display:block;
    position:relative;
   
   
}

#content {
    background: url(images/contentbg.gif) repeat-y;
    width: 785px;
    float: left;

}

#left {
    position:relative;
    margin-left:5px;
    float:left;
    padding: 20px 15px 10px 15px;
    display:inline;
    background: url(images/leftbg.gif) repeat-x;
    background-color:#e0cf96;
    width: 146px;

       
}

Hvis der mangler nogle oplysninger for at i kan hjælpe mig, må i lige sige til :D

På forhånd tak