Hvordan man laver 2 kolonne med auto height kun med DIV?

Hej venner,

Jeg er lidt grøn i div-tags så, nu har jeg taget kampen op!
Jeg desværre komme til et lille problem, hvor jeg behøves lidt hjælp!

Jeg er i gang med, at lave en "submenu" & "content-område" Min div'er er opbygget sådan her; En "top-div" et billede, og det sammen gør selv gældende i "bund-div" - men her fremkommer mine problemer. Da jeg ønsker, at "submenu" og "content-div'en" skal være ved siden af hinanden, og skal tilpasse sig efter hvor meget indhold der er i div'erne.

<!-- CSS-->
#content_baggrund {
    position:relative;
    left:0px;
    float:left;
    top:266px;
    width:850px;
    height:auto;
    z-index:2;
}
#top {
    position:absolute;
    left:0px;
    top:0px;
    width:852px;
    height:7px;
    z-index:2;
    background-image:url(http://www.sandboxx.dk/ny/top.png);
    background-repeat:no-repeat;
    background-position:left bottom;
}
#bund {
    position:relative;
    left:0px;
    top:7px;
    width:852px;
    height:7px;
    z-index:2;
    background-image:url(http://www.sandboxx.dk/ny/bund.png);
    background-repeat:no-repeat;
    background-position:left top;
}
#submenu {
    position:relative;
    left:3px;
    top:7px;
    width:191px;
    z-index:2;
    height: auto;
}
#content {
    position:relative;
    left:200px;
    top:7px;
    width:186px;
    height:auto;
    z-index:2;
}

<!-- HTML -->
<div id="content_baggrund" style="background-color:#0F0">
  <div id="top"></div>
  <div id="submenu" style="background-color:#06F;">SUBMENU</div>
  <div id="content" style="background-color:#C00;">CONTENT<div>
  <div id="bund"></div>
</div>

Du kan se hvordan hele siden ser ud her.
-> http://www.sandboxx.dk/ny/


PS. Håber i forstår mig :)