Fondo a la mitad - Problema altura div 100%

[hey_alan]

Lo que quiero hacer es sencillo en teoría, pero un poco difícil en práctica.

Quiero que mi página tenga el fondo partido en dos: A la izquierda blanco y a la derecha en negro.

Utilizo para ello el siguiente CSS:

Código:

html,body{height:100%; margin:0; padding:0;}
body{background:#000000; margin:0; padding:0;}

#contenido{position:relative; min-height:100%;}
* html #contenido{height: 100%;}

#bgwhite{background:#FFFFFF; width:50%; height:100%; float:right; position:absolute;}

Y el html:

Código:

<div id="contenido">
<div id="bgwhite"></div>
<div style="height:900px;"></div>
</div>

Me funciona perfecto, pero como pueden ver dentro agregué una div con 900px de alto para probar si funciona con scroll. Lo hace en FF, pero en IE no :3

¿Alguien sabe por qué?

Muchas gracias.