div+CSS IE7 FF 下菜单显示正常， ie6菜单就乱了

额,很多地方代码都是乱用,不好意思,我很直白
html部分稍微改动了点地方:
<li><a href="#">产品及解决方案<span>
<table><tr><td>
<dl id="subnav">
<dt><a href="p1" title="燃气业务工程管理系统">燃气业务工程管理系统</a></dt>
<dt><a href="p2" title="管线监护交底管理系统">管线监护交底管理系统</a></dt>
<dt><a href="p3" title="人事管理系统">人事管理系统</a></dt>
<dt><a href="p4" title="交通信号控制系统">交通信号控制系统</a></dt>
<dt><a href="p5" title="物流管理系统">物流管理系统</a></dt>
</dl>
</td></tr></table>
</span>
</a>
</li>

然后是nav.css改掉的部分:

#topnav-bar { /*整体控制宽度*/
width: 776px;
clear: both;
height: 40px;
position: absolute;
left: 38px;
top: 105