Problem with fixed header gridview

Question

User-589123093 posted

I have a gridview with a fixed header. I'm using CSS to fix the header in a scrollable panel. the css is as follows

 

.columnheader th
{
	background-color:White;
	border: none;
	border-bottom: solid 1px blue;
	text-align: left;
	position: relative;
	z-index: 10;
   top: expression(this.parentNode.parentNode.parentNode.scrollTop);
 
   
}

 the problem I'm having is in IE6, the header disappears when I hover over my asp.net menu. Sometimes the header gets repositioned on top of my banner. Other times it just disappears. If I refresh the page, the header is put back where it belongs but as soon as I hover over the menu, it's gone. It works fine in IE7 however.

 does anyone have any suggestions?