Stefan E: Probleme mit Blöcken unter Firefox

Beitrag lesen

Hallo zusammen
Ich habe ein Problem mit Blöcken im Firefox.

Beim Folgenden code werden die Blöcke main und right unter Firefox ausserhalb des Blockes container angezeigt. Dies sieht man anhand des schwarzen durchgezogenen Rahmen.

Hat jemand eine Tipp an was es liegt? Auch wenn es mir schwer fällt zu sagen, dass es im IE so aussieht wie ich es gerne hätte.

css:

  
body {  
 padding-top:20px;  
}  
#container {  
 width: 752px;  
 border: 1px solid #222222;  
}  
#header {  
 width: 100%;  
 background-color:blue;  
}  
#main {  
 width: 550px;  
 float: left;  
 border: 1px dotted gray;  
}  
#right {  
 width: 200px;  
 float: right;  
 background-color: yellow;  
}  

html

  
<html>  
<head>  
 <link rel="STYLESHEET" type="text/css" href="tmp.css">  
</head>  
<body text="#222222" link="#222222" vlink="#222222" alink="#222222" style="margin:0px 0px 0px 0px;">  
 <div align="center" style="margin:0;padding:0;">  
  <div id="container">  
   <div id="header">  
    Head  
   </div>  
   <div id="main">  
    main  
   </div>  
   <div id="right">  
    rechts  
   </div>  
  </div>  
 </div>  
</body>  
</html>  

Vielen Dank für die Hilfe.

gruäss Stefan