CSS - Fenstergröße soll Image mit nach unten verschieben

[user101]

Hallo,
ich bin ganz neu auf dem gebiet "programming" etc. und habe ein problem mit meinem textfeld.
im moment habe ich es so gelöst, dass ich es auf "overflow" gestellt habe, um so bei einem längeren text einen scrollbalken anzeigen zu lassen.
ich möchte aber lieber, dass der kasten einfach nach unten größer wird.
mit dem größer werdenden kasten müsste sich aber auch das image, das unten angebracht ist (für die rundung der kanten und den text), soll sich dann mit nach unten verschieben.
diese verschiebung bekomme ich nicht hin.
hier ein screenshot und mein css code:


#main_mitte {
position:absolute;
font-weight:normal;
top:313px; left:300px; width:430px; height:282px;
padding:10px;
border-style:none;
background-color:#cccccc;
overflow: auto;
}

#main_unten {
position:absolute;
font-weight:normal;
top:613px; left:300px; width:450px; height:36px;
padding:0px;
border-style:none;
background-image: url("main_unten.png");
background-repeat: no-repeat;
}


hoffe jemand versteht was ich meine und kann mir bei dem problem helfen.
danke im voraus.

[wildmieze]

.. warum sind die boxen denn absolut positioniert ..? ich denke, ohne wäre es einfacher - je nach Aufbau und Umfeld verschiebt sich dann der untere container automatisch, wenn der darüber länger wird ..

[user101]

leider klappt das nicht so ganz bei mir.
könntest du das genauer erklären?
muss ich die position auf etwas anderes ändern?
mit der relative position komme ich irgendwie nicht so ganz klar.