固定表头的问题

以下是我的代码，我把表头设计为固定的，但是在＂ROWSPAN＂的行里，字只显示一半？如果去除固定表头的代码，就正常显示了！
为什么啊？？？
拜求各位达人帮忙啊！

<html>
<head>
</head>
<body>
<DIV style="height:100%;width=700px;overflow:scroll">
<TABLE width=100% border=1>
<tR style="BACKGROUND-COLOR: #CAE4FF; POSITION: relative;TOP: expression(this.offsetParent.scrollTop);">
<td align="center" bgcolor="#CAE4FF" rowspan="2" >font color="#000000" size="2">姓名</font></td>
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">目标</font></td>
</TR>
<tR style="BACKGROUND-COLOR: #CAE4FF; POSITION: relative;TOP: expression(this.offsetParent.scrollTop);">
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">实际</font></td>
</TR>
<tr>
<td align="center" bgcolor="#CAE4FF" rowspan=2 ><font color="#000000" size="2">John</font></td>
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">30</font></td>
</tr>
<tR>
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">25</font></td>
</TR>
<tr>
<td align="center" bgcolor="#CAE4FF" rowspan=2 ><font color="#000000" size="2">Mary</font></td>
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">32</font></td>
</tr>
<tR>
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">28</font></td>
</TR>
</TABLE>
</div>
</body>
</html>