Your suggestion for the CSS3 is great, I'll definitely toy around with it in the next few days.

Secondly, Parallax.js can already do this. It simply moves around the divs you feed it, which can be tiny or full screened! This allows you to throw your own header on the top, or, if you like, a same parallaxing div in the center of your page.