Melanie: Problem mit float:

Beitrag lesen

Hallo,

ich habe hier folgenden Test, bei dem einiges schief läuft. Im FF2 wird der grüne Kasten gar nicht dargestellt, im IE6 ist vor dem grünen Kasten eine 1 Pixel breite Spalte. Weiß jemand, warum?

<html>
<head>
<style type="text/css">
<!--
#gelb {
 float:left;
 padding:0px;
 margin:0px;
 border:0;
 height:150px;
 width:150px;
 background-color:#FFFF00;
}
#rot {
 float:left;
 border:0px;
 margin:0px;
 padding:0px;
 height:30px;
 width:300px;
 background-color:#FF0000;
}
#gruen {
 padding:0px;
 margin:0px;
 border:0px;
 height:30px;
 width:200px;
 background-color:#00FF00;
}
#blau {
 float:left;
 padding:0px;
 margin:0px;
 border:0px;
 height:40px;
 width:80px;
 background-color:#0000FF;
}
-->
</style>
</head>
<body>
   <div id="gelb"></div>
   <div id="rot"></div>
   <div id="gruen"></div>
   <div id="blau"></div>
</body>
</html>