Gri: Höhe eines Divs in Abhängikeit setzen

Beitrag lesen

Das funzt nicht im Mozilla - wenn ich da wieder ein DIV umschachtel, habe ich mein float-Problem von vorhin wieder.

Zur veranschaulichung.

<body>
<!-- global: Abstand oben und links generieren -->
<div id="global">
 (...)
 <!-- hauptanzeige rechts -->
 <div id="hauptanzeige">Hier die Hauptanzeige<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text
 </div>
 <div id="container">
  <!-- such-marker -->
  <div id="search">Suche
  </div>
  <!-- menu_seiten links -->
  <div id="menuseiten">Seitenmenu<br>text<br>text<br>text
  </div>
  <!-- login links unten -->
  <div id="login">Login
  <div>
     </div>
</div>
</body>

CSS-Datei (Ausschnitt:

#global {text-align:right;
 border:1px solid #00322f;
 border-top:0;
 margin:1em 0 0 3em;
 width:55em;
 height:auto;
 overflow:visible;
 background:#ffffff url(bgglobal.jpg) repeat-x top left;
 float:left }

(...)
 #container {margin:0;
   padding:0;
   width:15em;
   float:left;
   height:100%;
   background:#37973b;}

#search {text-align:left;
   margin:0;
   padding:0;
   width:15em;
   float:left;
   background:#37973b;}

#menuseiten {text-align:left;
    margin:0;
    padding:0;
    width:15em;
    float:left;
    background:#37973b;}

#login {text-align:left;
   margin:0;
   padding:0;
   clear:left;
   float:left;
   width:15em;
   background:#37973b;}

#hauptanzeige {margin:0;
   padding:1em;
   text-align:left;
   background:#dbecc4;
   width:38em;
   float:right;}

Wenn ich da noch eine DIV-Box von "Container" bis über "hauptanzeige" baue, dann geht die height aus DIV id="global" wieder futsch...