Problema con iframe height

[phoenix_ny]

Hola,

Estoy empezando con el diseño web (mi primer mensaje por cierto :D), estoy usando iframes y tengo un problema para hacer que dicho iframe ocupe el 100% de la pantalla (en height, no en width), teniendo en cuenta que en la parte superior de la misma tengo un header con un height de 90px. Este es mi código:

Código HTML:

<div class="page">
    <div class="header">
    </div>
    <div id="lateral" class="lateral">
        <iframe id="iFrameLateral" runat="server" src="Lateral.aspx">
        </iframe>
    </div>
    <div class="main">
    </div>
</div> 

El código CSS:

Código CSS:

html,body
{
    margin:0; 
    padding:0; 
    height:100%;
}
 
iframe
{
    height:100%;
    display:block; 
    width:100%; 
    border:none;
    bottom:0px;
}
 
.header
{
    height:90px;
    position:relative;
    clear:both;
    width:100%;
}
 
.lateral
{
    top:90px;
    overflow-x:hidden;
    overflow-y:auto;
    float:left;
    height:100%;
    bottom:0px;
} 
 
#iFrameLateral
{
    width: 245px;
    left:0;
    height:100%;
}
 

El problema que tengo, es que al poner top:90px;, se pierden esa cantidad de pixeles por debajo del bottom y que no se ven ni puedo acceder a ellos. No consigo que se vea el 100% de verdad del espacio restante, es decir, desde el top:90px hasta el bottom 0.

¿Alguien sabe cómo podría hacer? Muchas gracias!!