Joe: Div in Div positionieren

Beitrag lesen

Ich bin nun soweit, dass das rechte Div da bleibt wo es sein soll. Aber mein mittleres DIV muss ich mit margin in zentrieren. Also es ist so, dass das mittlere DIV immer hinter dem ersten linken Div ist.... wie kann ich das ändern? das es erst danach kommt?
Kannst mir vllt bitte jemand nen Tipp geben? ^^

CSS:

#Wrapper #Bodyarea #leftbar {
float: left;
margin-left: auto;
background-color: #000000;
height: 500px;
width: 100px;
}
#Wrapper #Bodyarea #rigtbar {
float: right;
background-color: #000000;
width: 100px;
height: 500px;
}
#Wrapper #Bodyarea #content {
background-color: #00FF00;
height: 500px;
width: 10px;
}
#Wrapper #footer {
height: 20px;
clear: both;
background-color: #000000;
}

HTML:
<body>
<div id="Wrapper">
  <div id="Banner"></div>
  <div id="Bodyarea">

<div id="leftbar"></div>
  <div id="rigtbar"></div>
  <div id="content"></div>

</div>
  <div id="footer"></div>
</div>
</body>