JSF表头固定问题

Question

JSF表头固定问题，用JS动态设定表头的样式表。
样式表如下
.fixedHeaderTr   
{   
position:relative;    
top:expression(this.offsetParent.scrollTop);  
BORDER: #999999 1px solid;
BACKGROUND-COLOR: #CEBCA4;
PADDING-RIGHT: 5px;
PADDING-LEFT: -1px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 5px;
}js 代码
function setHeader2(){
//return ;
// Firefox不起作用，。
if(navigator.userAgent.indexOf("Firefox") > 0 ){
return ;
} 
// 
var tableIchiran = document.getElementById("form1:table2");
if (tableIchiran == null){
return ;
}
var row_count =tableIchiran.rows.length;
if (row_count == 1){
return ;
}
else{
var row = tableIchiran.rows[0];
for (var i= 0; i < row.cells.length; i++){
row.cells[i].className = 'fixedHeaderTr';
}
                                // 列的样式表的设定
row.className = 'fixedHeaderTr';
}
}现在的问题是
1 鼠标滑动时候，表头轻微上下抖动
2 表头相对DIV的(0,0)有一定偏移,大概在(1,1)的位置。