change height: 10% to min-height: 10% in “.header, .footer” ?
Please be aware, that meanwhile there is a working solution here:
http://raw.gibney.org/height_test_standards_2
It was suggested by jlft but his post got no upvotes, so its burried almost on the bottom of this thread.