How to: Fixed Table Header (no jQuery)
===

I know, there are at least 3 dozen questions like this on stackoverflow and still, i couldn't make this happen:

A simple table where thead is sticked/fixed at the top, and the tbody is scrolled.
I tried so much in the past days and now i ended up here crying for help.

A solution should work in IE8+ and newest FF, Chrome & Safari.
Also i **don't** want to use two nested tables or jQuery (plain javascript is fine though).

Demo of what i want:
http://www.imaputz.com/cssStuff/bigFourVersion.html
Problem is it doesnt work in IE. And I'd be fine to use some JS.

Thanks in advance for you help