css trick, sections all the same height as the screen

What would be cool is to have a webpage where the first thing the user sees is fullscreen ( example a picture ) but still be able to scroll down to see more content.

here is a bit of a modification from a stackoverflow solution
(stackoverflow solution http://stackoverflow.com/questions/8264499/css-min-height-100-with-multiple-divs?rq=1)

I just converted it to not have a header or a footer. and added content beyond the first screen.
http://jsfiddle.net/rUj8b/2/