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
codice:
#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:
codice:
 <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