[RESOLVED] Fixed table header using expression() causes 1px shift

I am using the technique described here:

[url]http://rcswebsolutions.wordpress.com/2007/01/02/scrolling-html-table-with-fixed-header/[/url]

to cause a scrolling table’s header cells to stay “fixed” (like
freezing cells in Excel).

The technique works pretty well, except that the whole header row
seems to snap 1px right when scrolling down. I came up with a work-
around that almost completely works:

[CODE]div.scrollTableContainer thead tr {
position:relative;
top: expression(offsetParent.scrollTop+”px”);
left: expression(offsetParent.scrollTop == 0 ? 0+”px” : -1+”px”);
}[/CODE]

This workaround keeps the header in place on page load and also when
scrolling. However, if you scroll all the way back up, the header
snaps to the right again. Scroll back down and it goes back into
place.

Help will be very much appreciated!

Also in #CSS _↴