NueveReinas

HTML

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

<div class="contenido">
</div>

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;
}

JavaScript

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