Ausdehnung des Mainbereich

[Sansibar]

Guten Tach,

ich habe folgendes Problem. Der main-Bereich soll sich in der Höhe ausdehen und unten den Footerbereich anhängen. Und zwar so lange es Inhalt in den bereichen main_left oder main_right gibt. Im Explorer macht er das auch. Im Firefox nicht.

Was mache ich falsch?

Hier die Codes:

HTML:

<div id="container">
      <div id="head">
        <div id="headmenu">
          <span class="headmenu_schrift">menu | menu | menu</span>
        </div>
      </div>

<div id="menu">
        <span class="menu_schrift">menu eins | menu zwei | menu drei | menu vier | menu fünf</span>
      </div>

<div id="main">
   <div id="main_left"></div>
   <div id="main_right"></div>
   </div>
      <div id="footer">
        <span class="footer_schrift">&copy; 2007 Testerlein Co. KG<br>
        Alle Rechte liegen bei uns</span>
      </div>
    </div>

CSS:

#container {
 background-color: #ffffff;
    width: 800px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 padding-top: 2px;
 padding-bottom: 2px;
 height: auto;
    border: 1px solid #orange;
}

#head {
    background-image: url(../page/gfx/head_bg.jpg);
    background-repeat: no-repeat;
 width: 780px;
 height: 150px;
    border: 1px solid #666;
 margin-top: 10px
}

#menu {
    background-image: url(../page/gfx/menu_bg.jpg);
    background-repeat: no-repeat;
 width: 770px;
 height: 30px;
    border: 1px solid #666;
 padding-top: 10px;
 padding-left: 10px;
 text-align: left;
}
#headmenu {
    width: 150px;
 height: 20px;
    border: 1px solid #666;
 float: right;
 margin-top: 100px;
 margin-right: 50px;

}
#main {
    width: 780px;
 height: auto;
 padding-top: 10px;
 border: 1px solid blue;
 position: static;
 min-height:500px;
 text-align: left;

}
#main_left {
    width: 243px;
 height: auto;
 padding-top: 10px;
 margin-left: 9px;
 border: 1px solid blue;
 min-height:500px;
 text-align: left;
 float: left;

}
#main_right {
    width: 507px;
 height: auto;
 padding-top: 10px;
 margin-right: 9px;
 border: 1px solid blue;
 min-height:500px;
 text-align: left;
 float: right;

}

#footer {
    width: 780px;
 height: 40px;
 border: 1px solid red;
 margin-bottom: 30px;
 padding-bottom: 5px;
 padding-top: 5px;
 clear: both;
 text-align: center;

}

Danke für die Hilfe.

sansibar