l'altezza dei div in internet explorer

[victormancini]

ciao, ho un problema di compatibilità per una cosa che sembra talmente stupida ma non riesco a risolverla...
devo semplicemente dividere verticalmente il background in due parti (30% e 70%) con due colori diversi.
ho scritto il codice css

#sfondo_sx {position:absolute; top:0; left:0; width:30%; height:100%; background:#b3c8e5;}
#sfondo_dx {position:absolute; top:0; left:30%; width:70%; height:100%; background:#e2e2e2;}

e nel body html:

 <div id="sfondo_sx"></div>
<div id="sfondo_dx"></div>

ecco la pagina visualizzata

il problema è che con Firefox e Chrome funziona ma con Explorer no perché fa dipendere l'altezza del div dal suo contenuto, mentre io voglio che copra tutto lo schermo anche se il div è vuoto.

Come risolvere?
Grazie mille in anticipo

[victormancini]

sulla base delle risposte date ad argomenti simili al mio ho provato a correggere introducendo nel css

html, body {height 100%;}

e mettendo almeno un () all'interno del div ma non cambia nulla...
explorer mostra sempre un div alto una decina di pixel anziché il 100% dello schermo

qualcuno sa aiutarmi?
grazie




EDIT: mancavano i due punti {height: 100%;}. ora funziona.
scusate se ho aperto un post a cui era già presente una risposta simile.