problemer med div som skal følge indhold

Jeg har en div med indhold som udvider sig alt afhængig af indhold, i bunden af den div har jeg en anden div, men det billede som skal flytte sig med indholdet. Jeg har prøvet følgende, men den flytter sig ikke, har brugt lignende kode før som virkede.

min html:
<div id="container">
    <!-- Indeholder Header, samt menu som er lavet i CSS Sprites -->
    <div id="header">
        <div id="navigation">
            <ul id="navlist">
                <li id="nav01"><a href=""><!--Forside--></a></li>
                <li id="nav02"><a href=""><!--Priser--></a></li>
                <li id="nav03"><a href=""><!--Vare--></a></li>
                <li id="nav04"><a href=""><!--Kontakt--></a></li>
            </ul>
        </div>
    </div>
    <div id="contenttop"></div>
    <div id="content">
   
    </div>
    <div id="contentbottom"></div>
    <div id="sidebartop"></div>
    <div id="sidebar"></div>
    <div id="footer"></div>
</div>

og så min css:
#contenttop {
    position:absolute;
    top:279px;
    left:163px;
    width:498px;
    height:10px;
    background-image:url(../images/contenttop.png);
}

#content {
    position:relative;
    float:left;
    top:-2px;
    clear:both;
    left:163px;
    width:498px;
    min-height:250px;
    background-color:#FFF;
}

#contentbottom {
    position:relative;
    width:498px;
    height:10px;
    left:163px;
    top:198px;
    margin-bottom:800px;
    background-image:url(../images/contentbottom.png);
}