Układ storny na DIV-ach Opcje

[mos]

Witajcie
Chciałbym osiągnąć efekt:
(IMG:http://img26.imageshack.us/img26/9505/viewv.jpg)
Wszystko jest pięknie i ładnie do momentu gdy jestem w miejscu zaznaczonym pomarańczową ramką
(IMG:http://img43.imageshack.us/img43/9901/viewk.jpg)
boxy które są poniżej 'wjeżdżają' na zawartość u góry strony - co jest efektem nieodpuszczalnym. Prosiłbym Was o podanie pomocnej dłoni.
Bo powoli wychodzę z siebie. Z góry dziękuję 'pomagającym' :-)

ps. czy na forum jest zwyczaj witania się z userami? szukałem ale się nie udało - nie chcąc robić (IMG:style_emoticons/default/offtopic.gif) jeśli takowy istnieje, proszę podeślijcie wraz z odpowiedzią na moje pytanie

[mos]

Damonsson oj tam,do NASA daleka droga ;-)
wkleiłem to co 'istotne' wg mnie - żadnej tajemnicy kodu nie ma,bo i po co. Ogólnie zarys jest taki - póki co - header, dwa boxy + stopka.
Polecacie wszystko pakować w mniejsze 'pudełka'?

html:

[HTML] pobierz, plaintext 
<div id="main_page">
    <div id="header">      
    </div>
    <div id="left_box"> 
    </div>
    <div id="right_box">
    </div>        
<div id="footer">         
    </div>
</div>
[HTML] pobierz, plaintext 

css:

[PHP] pobierz, plaintext 
#header {
    margin-top: 0px;
    height: 25px;
    background-color: #808080;
    color: darkorange; 
}
 
#footer {
   margin-top: 10px;
    height: 35px;
    width: auto;
    border: solid 1px red;
      position:relative;
}
 
#main_page {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    height: auto;
    width: 880px;
    text-align: center;
}
 
#left_box {
    width: 500px;
    height: 300px;
    border: solid 1px orange;
    float: left;
}
 
#right_box {
  float: right;
    width: 370px;
    height: auto;
    border: solid 1px #000000;
    height: 200px;
}
[PHP] pobierz, plaintext 

zasadniczo problem dotyczył FF bo IE 8.x oraz Opera 9.x 'robiły co chciałem' ;-) Wartości height dla boxów są czysto orientacyjne, bo treść będzie zasysana z bazy. Jakaś jeszcze jedna rzecz była, ale uciekło mi... hmm...

edyta mówi: już wiem... mam coś takiego:

[PHP] pobierz, plaintext 
* {
   text-align: center;
}
[PHP] pobierz, plaintext 

tylko ze względu na IE który nie chce mi wyśrodkować div-a (#main_page). można to objeść?

Ten post edytował mos 10.01.2011, 22:31:51