pozycja div'ow, problem z float left Opcje

[TroYan]

witam, mam następujący problem. otóż mam sobie taki kodzik strozny:

[HTML] pobierz, plaintext 
<div id="logo">LOGO</div>
 
<div id="body">
    <div id="srodek">
      <div id="menu_bar">menu gorne</div>
      <div id="zawartosc">
 
                  <div id="menu_side"> 
                  MENU_boczne
                  </div>
 
                  <div id="tresc">   
                 treść strony
                 </div>
      </div>
    </div>
<div id="footer">jakas stopka</div>
</div>
</body></html>
[HTML] pobierz, plaintext 

do tego css:

Kod

body {

text-align: center;
color: black;
font-size: 11px;
font-family: arial;
background-color:    #cc0000;

}

#body {

position: absolute;
top: 150px;
left: 0px;
width: 100%;
text-align: center;
margin: 0 auto;


}


div {

margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;


}

#logo {

position: absolute;
top: 0px;
left: 0px;
margin: 0 0 0 0;
width: 100%;
height: 200px;
background: url("bglogo.png");


}

#srodek {

width: 800px;
min-height: 200px;
margin: 0 auto;

}

#menu_bar {

width: 800px;
border: dashed 1px gray;
height: 30px;
margin: 0 0 0 0;
-moz-border-radius: 4px;
background-color:     #F0E68C;

}



#zawartosc {

width: 800px;
border: dashed 1px gray;
margin: 0 0 0 0;
-moz-border-radius: 4px;
background-color: #ffcc00;

}

#menu_side {

width: 150px;
border: solid 2px white;
float: left;

}

#tresc {

width: 620px;
border: solid 2px white;
float: left;

}


#footer {

postion: relative;
bottom: 0px;
left: 0px;
width: 100%;
height: 200px;
background: url("bgfoot.png");
margin: 0 0 0 0;


}

w firefoxie napis ze stopki ucieka mi tak jakby też miał właściwość "float: left;" a takiej oczywiście nie ma. Internet Explorer 7 pokazuje stronkę tak jakbym chciał żeby wyglądała, ale (paradoksalnie ) domyślam się, że to raczej coś nie tak z explorerem

link: http://trn.cba.pl/index.html
link do css: http://trn.cba.pl/style.css