Header and footer with fixed position while content is scrollable?

Question

I\'m trying to make a website where header and footer have fixed position while content scrolls in the middle.

Answer 1

http://jsfiddle.net/yASFU/

header

    
push

footer

html, body {height:100%; margin:0; overflow:hidden;}
header, footer {display:block; background-color:black; height:10%;}
section {height:80%; background-color:lightblue; display:block; overflow:auto;}
section .push {height:4000px;}