Can freeze header but ...

[bioCam]

Hi,

I have multi-row + span columns headers.  I tried using this CSS to freeze the headers and it works.  However, as it scrolls up, top of the headers also show 1px row of what seems like the scrolled up texts (see my attachment).  Has anyone come across this and can help with what I can do to prevent the 1px row from displaying?  Thank you.

.lockColumnHeaderlist
{
top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop);
left: expression(parentNode.parentNode.parentNode.parentNode.scrollleft);
position: relative;
z-index:11;
}

[bioCam]

Has anyone experienced this before and can help !!!!

This would have been the perfect solution for me if not for the shifting of 1px right and down the entire header when I click on the scrollbar; click anywhere again, it shifts header back 1px left and up  >:(    :'(