高分求助：如何固定含有合并单元格的表头？

调整一下窗口大小，可以看到相关效果
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
<style>
.fixedHeaderTr 
{ 
position:relative; 
top:expression(this.offsetParent.scrollTop); 
}; .mainDiv 
{ 
overflow:auto; 
scrollbar-face-color:9999ff;
height:expression((document.body.clientHeight-this.offsetTop-20>this.children[0].offsetHeight)?(this.children[0].offsetHeight+20) : (document.body.clientHeight-this.offsetTop-20)); 
width:expression(document.body.clientWidth-20); 
}
</style>
</head> <body>
部分代码来自：<br>http://blog.csdn.net/wu_yongcai/archive/2004/11/21/189816.aspx
<br>
  <div class="mainDiv">
     <table width="100%" border=1 cellspacing=0 style="margin-top:-2px" >
     <TR class="fixedHeaderTr" style="">
     <TD nowrap rowspan=2 style="position:relative;background:navy;color:white;">Header A </TD>
     <TD nowrap colspan=2 style="background:navy;color:white;" > Header B C</TD>     </TR>
     <TR class="fixedHeaderTr">
     <TD nowrap style="background:navy;color:white;">Header B</TD>
     <TD nowrap style="background:navy;color:white;">Header C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD nowrap >
       C部分代码来自：<br>
       http://blog.csdn.net/wu_yongcai/archive/2004/11/21/189816.aspx</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     </table>
  </div>
 </body>
</html>