Lisa Marten: Positionierung

Beitrag lesen

hallo..
ich habe folgenden html code:

<head>
<link href="test.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="all">
<div id="kopf">banner</div>
<div id="menu">menu</div>
<div id="inhalt">inhalt</div>
<div id="stats">stats</div>
</div>
</body>
</html>

und dazu folgende css datei:

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

#all {
 position:fixed;
 top:0px;
 left:0px;
 right:0px;
 bottom:0px;
 height:100%;
 width:100%;
 padding:0;
 margin:0;
}

#kopf {
 position:fixed;
 top:0px;
 left:0px;
 background:#000000;
 width:100%;
 height:100px;
}

#menu {
 position:absolute;
 top:100px;
 left:0px;
 background:#006666;
 height:300px;
 width:150px;
}

#inhalt {
 position:absolute;
 left:150px;
 right:150px;
 top:100px;
 background:#990000;
 height:100%;
 width:auto;
}

#stats {
 position:absolute;
 right:0px;
 top:100px;
 background:#999900;
 height:300px;
 width:150px;
}

Im Netscape sieht es genauso aus, wie ich es haben will. Im IE allerdings, ist der Inhalt zu lang und zu schmal.. Kann mir einer sagen, woran das liegt?