3 Divs untereinander

[killer-konner]

Hi!

Ich hab ein Problem. Und zwar ist eine Box in der später Text stehen soll in TOP,Middle und BOTTOM unterteilt. Im top Bereich ist ein bild im Hintergrund, der Middlebereich hat ein repeat-y Muster als HG (soll also beliebig viel Inhalt haben können) und der BOTTOM Bereich hat ebenfalls nur ein Bild im HG... Der Middle liegt auch schön unter dem TOP, bloß der BOTTOM bereich, der an den variablen Middle bereich anschließen sollte, ist immer auf der höhe von TOP... :(
Was mache ich falsch?

Hier einige Codeschnipsel..

<div id="CONTENT">  
	<div id="_content-box_TOP"></div>  
	<div id="_content-box_MIDDLE">HIER GEHÖRT DER CONTENT TEXT REIN!</div>  
	<div id="_content-box_BOTTOM"></div>  
</div>

#CONTENT {  
	position: absolute;  
	left: 22px;  
	top: 282px;  
	width: 982px;  
	height: auto;  
}  
  
#_content-box_TOP {  
	position: absolute;  
	width: 764px;  
	height: 47px;  
	background-image: url(/templates/n1_design2010/images/content-box_TOP.png);  
	background-repeat: no-repeat;  
	z-index:99;  
}  
  
#_content-box_MIDDLE {  
	position: absolute;  
	width: 764px;  
	height: auto;  
	top: 47px;  
	padding-left: 12px;  
	padding-top: 12px;  
	padding-right: 12px;  
	padding-bottom: 12px;  
	background-image: url(/templates/n1_design2010/images/content-box_MIDDLE.png);  
	background-repeat: repeat-y;  
}  
  
#_content-box_BOTTOM {  
	position: absolute;  
	width: 764px;  
	height: 33px;  
	background-image: url(/templates/n1_design2010/images/content-box_BOTTOM.png);  
	background-repeat: no-repeat;  
}

Dankeschön schon im Voraus..