I have a long table on a page (after a header section). When a user scrolls down, I want to keep the table header at the top of the page (i.e. scroll up to the top and stay there).

I've found some scripts that do this, however so far I've not found one that works in IE7.

<https://github.com/jmosbech/StickyTableHeaders/>

<http://jsfiddle.net/trepmal/e7GN8/>

<http://css-tricks.com/examples/PersistantHeaders/>

Anyone found a solution to this? I don't want to give the table itself a fixed height and then a scroll bar for the table - the whole page scroll bar should still be used.