Stefan: margin + leere Divs Problem beim FireFox

Beitrag lesen

HAllo,

folgendes Script wird beim IE richtig angezeigt aber im FF falsch, weil das grüne DIV dürfte nach oben keinen Rand haben.

Sobald ich margin im Inneren entferne, oder z.B. durch Padding ersetzte dann klappts überall, aber wie mache ichs, das es auch mit margin klappt.

Vielen Dank für Eure Hilfe, bin echt schon fast am Verzweifeln.

Im Anschluss das komplette Script:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">

*, html, body {
 width:100%;
 height:100%;
 margin:0;
 padding:0;
}

html > body #container {
 min-height:100%;
 height:auto;
}

#aussen {
float:none;
margin:0 auto 0 auto;
width:500px;
height:1000px;
background-color:green;
}

#innen {
margin-top:50px;
float:none;
width:300px;
height:100px;
background-color:yellow;
}
</style>
</head>

<body>
<div id="aussen">
 <div id="innen"></div>
</div>
</body>
</html>