Zaglebione divy Opcje

[kicaj]

[HTML] pobierz, plaintext 
<style>
body
{
        margin: 0px;
        text-align:center;
}
 
#container
{
        background:      red;
        width:      780px;
        margin:auto;
        text-align:left;
}
 
#main
{
        background:yellow;
        width:400px;
        float:left;
}
 
#left
{
        background:white;
        width:100px;
        float:left;
        margin:3px;
}
 
#menu
{
        background:blue;
        width:100px;
        float:left;
}
 
#bottom
{
        background:green;
        width:100%
        margin:auto;
}
 
</style>
 
<div id="container">
      <div id="main">
            <div id="left">
                  lewa strona!
            </div>
      
            tra strona odpowiesc<br />
            a strona odpowifsdg<br />
            gdfa strona odpowig<br />
            fsa strona odpowid
      </div>
      <div id="menu">
            menu
      </div>
</div>
<div id="bottom">
      stopka
</div>
[HTML] pobierz, plaintext 

Nie moge osiagnac celu, poniewaz na FF nie jest tak jak na IE (Prawidlowo powinno byc jak na IE)
Jak to osiagnac?

[revyag]

Na razie przychodzi mi do głowy tylko użycie pozycjonowania absolutnego.
Wtedy trzeba zmienić sposób centrowania diva #menu.

Kod

#container
{
height:170px;
width:300px;
position:absolute;
}
#menu
{
width:250px;
position:absolute;
bottom:0;
left:50%;
margin-left:-125px;
height:32px;
}