una cosa così?

codice:
css:

* {
    margin: 0;
    padding:0;
}
html, body, #main {
    height:100%;
    overflow:hidden;
}
#main {
    position:relative;
}
#head {
    width:100%;
    height:100px;
}
#content {
    position:absolute;
    display:block;
    width:100%;
    top:100px;
    left:0;
    right:0;
    bottom:100px;
    overflow:auto;
    background-color:#0066FF
}
#footer {
    position:absolute;
    width:100%;
    height:100px;
    bottom:0;
    left:0;
    background-color:#6699FF
}


html:

<div id="main">
 <div id="head"><p style="text-align:center; font-size:24px">header</p></div>
 <div id="content"><p style="height:700px; text-align:center; font-size:24px">inserito il paragrafo per per visualizzare lo scrolling</p></div>
    <div id="footer"><p style="text-align:center; font-size:24px">footer</p></div>
</div>
</body>
</html>
da eliminare i paragrafi e sostituire i div coi tag di html5