倾家荡产求解……画列表的问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Test</title>
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="ProgId" content="VisualStudio.HTML">
<meta name="Originator" content="Microsoft Visual Studio .NET 7.1">
</head>
<body ms_positioning="GridLayout">
<DIV onscroll="DivMain.scrollLeft =DivHead.scrollLeft ;" id="DivHead" ms_positioning="FlowLayout"
style="Z-INDEX: 100; OVERFLOW: scroll;  WIDTH: 200px;HEIGHT: 40px"><TABLE id="TableHead" height="20" cellSpacing="1" cellPadding="1" width="300" border="1"
align="center">
<TR>
<TD><FONT face="宋体">标题1</FONT></TD>
<TD><FONT face="宋体">标题2</FONT></TD>
<TD><FONT face="宋体">标题3</FONT></TD>
</TR>
</TABLE>
</DIV>
<DIV onscroll="DivHead.scrollLeft =DivMain.scrollLeft ;" id="DivMain" ms_positioning="FlowLayout"
style="Z-INDEX: 101;  OVERFLOW: auto; WIDTH: 200px; HEIGHT: 64px">
<TABLE id="TableMain" height="20" cellSpacing="1" cellPadding="1" width="300" border="1"
align="center">
<TR>
<TD><FONT face="宋体">1</FONT></TD>
<TD><FONT face="宋体">2</FONT></TD>
<TD><FONT face="宋体">3</FONT></TD>
</TR>
<TR>
<TD><FONT face="宋体">4</FONT></TD>
<TD><FONT face="宋体">5</FONT></TD>
<TD><FONT face="宋体">6</FONT></TD>
</TR>
<TR>
<TD><FONT face="宋体">7</FONT></TD>
<TD><FONT face="宋体">8</FONT></TD>
<TD><FONT face="宋体">9</FONT></TD>
</TR>
</TABLE>
</DIV><BR> 要每格对齐，只需要设置每个单元格的宽度相同
</body>
</html>