Problem mit zwei floatenden Div's

[Jörg]

Hallo!
Ich hab ein Problem mit einem dreispaltigem Layout:

http://www.digitales-lichtbild.de/test/index.html

Der IE zeigt es fast so wie es eigentlich aussehen soll:
Die drei div's sind auf der gleichen Ebene.
Ungewollt sind allerdings die Abstände (zu sehen an den vertikalen Streifen) zwischen den div's.

Diese macht der Firefox zwar nicht, dafür verlängert er das links und rechts floatende div um umgewollte 85px nach unten.

Hier der Quelltext:

<div id='headerlinks'></div>
<div id='headerrechts'><div id='headerstreifen'></div></div>
<div id='headermitte'></div>

CSS:
          /* Zentrales */
  body {
    background-color: #878989;
    margin:0px;
    padding:0px;
   }
          /* Hauptdivs */
  div#headerlinks {
         margin: 85px auto 20px 0px;
         padding: 0px;
         width: 5%;
         height: 165px;
         background-color: #585959;
         float:left;
  }
  div#headermitte {
         margin: 85px auto 20px auto;
         padding: 0px;
         height: 165px;
         background-color: #585959;
  }
  div#headerrechts {
         margin: 85px 0px 20px auto;
         padding: 0px;
         width: 5%;
         height: 165px;
         background-color: #585959;
         float: right;
  }
  div#headerstreifen {
         margin: 0px 0px 0px auto;
         padding: 0px 0px 0px auto;
         width: 16px;
         height: 165px;
         background-color: #434444;
  }