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]

1. Do #bottom dodaj styl: clear:both;
2. Pod #menu dodaj:

[HTML] pobierz, plaintext 
<br class="clr" />
[HTML] pobierz, plaintext 

gdzie

Kod

br.clr {
    clear:both;
}

czyli to będzie tak:

[HTML] pobierz, plaintext 
<div id="menu">
menu
</div>
<br class="clr" />
[HTML] pobierz, plaintext 

[NuLL]

Witam,

Mam problem troche innego sortu lecz pasujący do tematu
Mam taki oto kod

[HTML] pobierz, plaintext 
<style>
#container
{
height:170px;
width:300px;
}
#menu
{
width:250px;
margin:0 auto;
height:32px;
}
</style>
 
<div id='container'>
Jakas tam tresc
<div id='menu'>
<a href='index.xml'>Link</a>
</div>
</div>
[HTML] pobierz, plaintext 

I teraz moje pytanie - czy da sie zrobie tak aby div #menu byl na samym dole diva #container niealezenie od tresci zawartej w containerze - czy to bedzie pusta czy tez bedzie duzo tekstu ?

[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;
}