CSS Problem - Floating Layout im IE

[unreality]

Hallo,

ich habe ein Problem mit dem Internet Explorer, der es nicht fertig bringt eine Seite mit floatenden Elementen richtig dar zu stellen.

Mein seitenlayout ist wie folgt aufgebaut:

<div><!-- globaler container -->
 <div>kopfzeile<div>
 <div>header<div>
 <div><!-- container -->
  <div style="float: left">menü links</div>
  <div><!-- subcontainer -->
   <div style="float: right">menü rechts</div>
   <div>content</div>
  </div>
 </div>
 <div>fußzeile</div>
</div>

Firefox und Opera stellen den Kram problemlos richtig dar nur der IE weigert sich.
Er packt den Contentbereich einfach hinter das linke Menü, zeigt den inhalt teilweise nicht an, etc...
Margin-left zu setzen hilft zwar ab und zu, aber auch nicht immer. Tabellen will er immer unter die floatenden Elemente plazieren.

Wie kann man dem IE beibringen das Layout richtig darzustellen. Ich will kein Table-Orientiertes Layout. Die Browserschlampe (IE) bekommt von mir schon ein komplett eigenes Stylesheet mitgegeben.

Hier die Seite um die es geht:
http://www.pro-unreal.de/