Altura 100% menos el alto del menú

[NueveReinas]

Yo lo hago con jQuery: http://jsfiddle.net/nupeksop/

Código HTML:

<header class="menu">
    <ul>
        <li>Inicio</li>
        <li>Pag 2</li>
        <li>Pag 3</li>
    </ul>
</header>
 
<div class="contenido">
</div>
 

Código CSS:

body {
    margin:0;
}
 
.menu {
    position:relative;
    margin:0;
    background:#DDD;
    padding:10px 0px;
}
 
.menu ul li {
    display:inline-block;
    background:#666;
    color:white;
}
 
.contenido {
    position:relative;
    background:blue;
    height:500px;
    margin:0;
}
 

Código Javascript:

var altofinal = $('.menu').outerHeight();
$(".contenido").css("margin-top", altofinal - altofinal);