Peete: Hilfe, margin-bottom geht nicht im IE!!

Beitrag lesen

Hallo zusammen,

Habe folgenden Quelltext, in dem zwei <div>-Kästen in einem übergeordnete liegen. Der linke der beiden innere soll 'margin' zu allen Seiten haben, wie im Text ersichtlich. Nur der IE und Opera ignorieren anscheinend den margin-bottom...leicht zu sehen, daran, dass der linke Kastan von einem Rahmen in der Hintergrundfarbe des übergeordneten Kastens umgeben sein sollte...in Netscape/Mozilla kein Problem...

<html>
<head>
<title>Test</title>
<style type="text/css">
#content{
background-color:#FFCC00;
width:765px;
float:left;
}

#main{
background-color: #014901;
margin:4px;
float:left;
width:485px;

}

#right{
margin-top:5px;
margin-right:0px;
float:right;
width:150px;
}
</style>
</head>

<body>

<div id="content">
 <div id="main">
   <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />

</div>
 <div id="right">
 rechte seite
 </div>
</div>

</body>
</html>

Kann mit jemand helfen???
(Die vielen <br>'s nur, damit sich der Kasten dehnt, wie wenn text drin waere)

Viele Dank für Hilfe !