Altura 100% con divs anidados

buenas,
estoy intentando montar un layout donde tengo varios divs anidados y necesito que todos ocupen todo el alto de la página. en principio no tengo problema hasta que el contenedor interior provoca el scroll de la página, ya que parece que el resto de contenedores sólo toman el 100% del área visible y no de toda la página con lo que me sale cortada.
estuve peinando internet sin dar con una solución(ya busqué también por el foro y no encontré este problema en concreto).
el caso es que me sucede tanto en firefox como en ie7 y safari, así que entiendo que a priori podría parecer un comportamiento normal(aunque me está sacando de quicio).
ya probé de todo, con los min-heights, heights:auto, overflows...
estoy tan desesperado que si existe una solución aunque sea con javascript estaría dispuesto a utilizarla :P

aquí está el html: http://app.dagi3d.net/css_test/index.html
el css: http://app.dagi3d.net/css_test/estilos.css
y una captura del problema: http://i224.photobucket.com/albums/dd174/dagi3d/css.png

mil gracias!