Top,bottom,left,right funkar inte i IE...

Följande kod fungerar perfekt i FF men inte alls i IE. Jag vill att det ska se ut enligt bifogad bild.

<style type="text/css">
html, body {
height: 100%;
margin: 0; padding: 0;
}

body {
background-color:#000; 
}

#wrapper {
position:absolute; top:20px; bottom:20px; left:20px; right:20px; background-color:#FFF
}
</style>

<div id="wrapper">
<p>Hej</p>
</div>

I Internet Explorer blir det bara en liten vit ruta kring "Hej". Hur ska jag göra för att få det att fungera?

Den bifogade bilden visar hur jag vill att det ska se ut (vilket det också gör i FF).