jörg: Problem mit zwei floatenden Div's

Beitrag lesen

ich habs nochmal hochgeladen:
http://www.digitales-lichtbild.de/test/index.html

Der IE macht den unerwünschten Abstand
und der FF zeigt das mittlere schwarze div überhaupt nicht!

Quelltext:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="content-language"   content="de">
<meta http-equiv="content-type"       content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="css/haupt.css">
</head>
<body>
<div id='headerlinks'></div>
<div id='headerrechts'><div id='headerstreifen'></div></div>
<div id='headermitte'></div>
</body>
</html>

CSS:

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