kleines float problem

[markus]

moin

ich habe ein kleines problem und zwar möchte ich das mein links gefloateter container so breit ist, bis er auf den rechts gefloateten container stößt

zur zeit sieht es so aus ( die unterlinie soll den rahmen bzw die breite darstellen ) :

-------------------------------------------
hauptconainer                             |
                                          |
links float | hauptcontainer | rechtsfloat|
___________                               |
-------------------------------------------
zusätzlicher container über die ganze breite

und so soll es aussehen :

-------------------------------------------
hauptconainer                             |
                                          |
links float                  | rechtsfloat|
_____________________________             |
-------------------------------------------
zusätzlicher container über die ganze breite

ich hoffe ihr versteht was ich meine :)
ist schon spät ...
ich danke schonmal für mögliche lösungsvorschläge

ich füge mal den quellcode ein :

#head{
 height:100px;
 background-image: url(images/main/head_bg.gif);
 background-repeat: repeat-x;
}

#head_header{
 height:70px;
 line-height:70px;
 text-indent: 15px;
}

#head_header h1{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: x-large;
 color: #FFFFFF;
 padding:0px;
 margin:0px;
 font-style: italic;
}

#head_bottom{
 float:left;
 height:30px;
}

#navigation{
 float:right;
 height:30px;
 line-height:30px;
}

#extended_navigation{
 height:30px;
 line-height:30px;
 background-color:#CCCCCC;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-bottom-style: solid;
 border-top-color: #000000;
 border-right-color: #000000;
 border-bottom-color: #000000;
 border-left-color: #000000;
 }

html :
<div id="head">
  <div id="head_header">
    <h1>www.elektroniker-gs.de</h1>
  </div>
  <div id="head_bottom"></div>

<div id="navigation">
  </div>
</div>

<div id="extended_navigation">Raum für den Inhalt von id "extended_navigation"</div>

[Ingo Turski]

Hi,

ich habe ein kleines problem und zwar möchte ich das mein links gefloateter container so breit ist, bis er auf den rechts gefloateten container stößt

das wird nicht gehen, ohne feste Breiten anzugeben.
Warum setzt Du nicht einfach den rechtsfloatenden (und vermutlich in der Breite begrenzten) Container vor den anderen und läßt den dann im Elementenfluß?

freundliche Grüße
Ingo