Layout Problem mit CSS

[Starfox2007]

Hallo zusammen,

Ich bin dabei mir eine Homepage mittels CSS zu erstellen und habe folgendes Problem:

Ich bekomme einen Div der 3 andere überlappt nicht in den Hintergrund:

<div class="background_frame">

<div class="nav_left_bottom"></div>
<div class="content_background_bottom"></div>  
<div class="nav_right_bottom"></div>


</div>

Den Background_Frame möchte ich im Hintergrund haben die anderen 3 im Vordergrund und der Background Frame soll variabel sein also mit dem Content nach unten gehen.

Hier die CSS:

.background_frame {
width:1155px;
background-image: url("../rahmen.png");	
background-repeat:repeat-y;
}

.nav_left_bottom {
position:relative;
margin-top:675px;
margin-left:0px;
width:240px;
height:38px;
background-image: url("../navleftbottom.png");
background-repeat:no-repeat;
}


.content_background_bottom {
margin-top:-13px;
margin-left:240px;	
width:675px;
height:34px;
background-image: url("../contentbottom.png");
background-repeat:no-repeat;
float:left;
}


.nav_right_bottom {
position:relative;
margin-top:-100px;
margin-left:915px;
width:240px;
height:34px;
background-image: url("../navrightbottom.png");
background-repeat:no-repeat;
}

 

[csstypo]

Webmaster FAQ -> CSS Warum passt sich die Boxenhöhe nicht dem Inhalt an?

 

[BlackCoffee]

Schau dir mal folgenden Link an, da sind schon brauchbare CSS-Layouts dabei.
http://www.stichpunkt.de/css/bereiche.html