Thema: div Positionierung mit css

Hallo zusammen,

ich habe mich jetzt über zwei Stunden lang damit mit beschäftigt und mir etliche Berichte
mit dem selben Problem durchgelesen aber ich bekomme es ums verrecken nicht hin.

Ich habe ein div als Container worin sich zwei Menüs und der Content befindet welche auch
jeweils in einem div sind. Diese möchte ich jetzt einfach nebeneinander mit dem Content
in der Mitte platzieren nur werden die Menüs immer untereinander angezeigt und der
Content rechts.

Hier der php Code:

PHP-Code:

<div id="wrap">
         <div id="header">

         </div>

         <div id="main-content">

          <div id="left-sidebar"
              <jdoc:include type="modules" name="left" style="xhtml" />
                 </div

                 <div id="content">
                         testblabla
             <jdoc:include type="component" style="xhtml" />
                 </div>

                 <div id="right-sidebar">
                         <jdoc:include type="modules" name="user1" style="xhtml" />
                 </div>

         </div> 


und das CSS Files:

Code:

#main-content {
 width:99%;
}

#left-sidebar {
 float:left;
 width:20%;
}

#content {
 float:left;
 width:45%;
 margin-left:2%;
}

#right-sidebar {
 float:right;
 width:20%;
 margin-left:2%;
}

Ich habe noch ein anderes Problem, und zwar habe ich in der CSS Datei dem body Bereich
background-color:#b0c4de; zugewiesen aber der Hintergrund bleibt weiß.

Tut mir leid wenn ich euch damit nerve aber ich freue mich wenn mir wer helfen kann.

Grüße
Teitan