Problema iframe height

Hola, tengo un pequeño problema para mostrar el iframe que ocupe el 100% de la pantalla, 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>

y este es mi css:

Código :

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. 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? Me tiene loco

Cuando pones 100% no considera el espacio "faltante" de lo que ves, si no que considera la altura del viewport del usuario.

Puedes usar un contenedor que tome la altura del viewport y que tanto tu top de 90px y tu iframe consideren ese 100% del contenedor.