锁定列会闪动

代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD id=Head><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><style>
BODY {
PADDING-RIGHT: 30px; PADDING-LEFT: 30px; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; MARGIN: 0px 20px 10px; 
PADDING-TOP: 0px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #d9d6cb; WORD-WRAP: break-word
}
</style></HEAD><script language="javascript">
function _Roll(){
document.all.div2.scrollLeft=document.all.div1.scrollLeft
}
</script><BODY>
<DIV style="WIDTH:750;HEIGHT: 100%">
<DIV id="div2" style="OVERFLOW: auto; WIDTH:750;HEIGHT: 80%">
  <TABLE width="1400" align="center" cellSpacing=0 cellPadding=2 border=0>
<TR>
  <TD width="100" 
  style="BORDER-RIGHT: #808080 2px solid; BORDER-TOP: black 0px solid; FONT-WEIGHT: bold; ; 
LEFT: expression(parentElement.offsetParent.parentElement.scrollLeft); BORDER-LEFT: black 0px solid; 
COLOR: #004080; WHITE-SPACE: nowrap; POSITION: relative; BACKGROUND-COLOR: #efe1ff">Row 
(0, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #808080 2px solid; BORDER-TOP: black 0px solid; FONT-WEIGHT: bold; ; 
LEFT: expression(parentElement.offsetParent.parentElement.scrollLeft); BORDER-LEFT: black 0px solid; 
COLOR: #004080; WHITE-SPACE: nowrap; POSITION: relative; BACKGROUND-COLOR: #efe1ff">Row 
(0, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(1, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(2, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(3, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(4, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(5, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(6, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(7, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(8, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(9, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(10, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(11, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(12, 0)</TD>
  <TD width="100" 
  style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; WHITE-SPACE: nowrap">Data 
(13, 0)</TD></TR>
  </TABLE>
</DIV>
<div id="div1" style="OVERFLOW-X: scroll;WIDTH:750" onscroll="_Roll()">
<DIV id="DataGroup3" style="WIDTH: 1200;">
</DIV>
</div>
</DIV>
</BODY></HTML>
拖动第一个滚动条，锁定列正常。
拖动第二个滚动条，锁定列会闪动。大家有碰到过类似问题吗？