js 中的导航可以在IE8上正常显示，但是不能够在IE6上显示，请大家帮忙看看

这个页面能够在IE8上正常运行，但是在IE6上，二级菜单就不能够出现了，请各位告诉，给我指点一下，万分感谢！
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>   
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN">   
<html>   
<style type="text/css">   
.menu {   
    font-family: arial, sans-serif;    
    width:100%;    
    height:32px;    
    position:relative;    
    font-size:13px;    
    margin:0px;    
    background:url(images/centerLog.png) repeat-x;    
}   
.menu ul {   
    padding:0px;   
    margin:0px;   
    list-style-type: none;   
}   
.menu ul li {   
    float:left;   
    border-left:0px solid #ffffff;    
    width:120px;   
    text-align:center;   
}   
.menu ul li a, .menu ul li a:visited {   
    display:block;    
    float:left;    
    width:120px;    
    height:32px;    
    line-height:32px;    
    text-decoration:none;    
    padding:0px;   
    font-size:13px;   
    font-weight:800;   
    color:#19715f;    
}   
.menu ul li ul {   
    display: none;   
}   
/* specific to non IE browsers */  
.menu ul li:hover a{   
    color:#a9a842;    
    background:url(images/hoveImage.png) repeat-x;   
}   
.menu ul li:hover ul {   
    display:block;    
    position:absolute;    
    width:120px;   
    top:32px;   
    margin:0px 0px 0px -60px;   
    color:#fff;   
}   
  
.menu ul li:hover ul li ul {   
    display: none;   
}   
.menu ul li:hover ul li a {   
    display:block;   
    color:#95a3d0;   
    border-top:2px solid #ffffff;   
}   
.menu ul li:hover ul li a:hover {   
    color:#f58a8f;   
}   
.nvaDiv{   
    margin:-25px 0px 0px 120px;   
    width:2px;   
    height:18px;   
    background:url(images/navDiv.png) repeat-x repeat-y;   
}   
  
</style>   
  
<body>   
    <div class="menu">   
        <ul>   
            <li><a class="hide">系统管理</a>   
                <div class="nvaDiv"></div>   
                <ul>   
                    <li><a href='sysManage/agencyManager.jsp' target='rightFrame'>机构管理</a></li>   
                    <li><a href="sysManage/roleManager.jsp" target="rightFrame">角色管理</a></li>   
                    <li><a href="sysManage/userManager.jsp" target="rightFrame">用户管理</a></li>   
                </ul>   
            </li>   
               
            <li><a class="hide">模块管理</a>   
                <div class="nvaDiv"></div>   
                <ul>   
                    <li><a href="reportManager/oneReportDefine.jsp" target="rightFrame">查询统计定义</a></li>   
                    <li><a href="reportManager/twoReportDefine.jsp" target="rightFrame">二级查询定义</a></li>   
                </ul>   
            </li>   
               
            <li><a class="hide">辅助系统</a>   
                <div class="nvaDiv"></div>   
                <ul>   
                    <li><a href="reportManager/selectReport.jsp" target="rightFrame">报表查询</a></li>     
                </ul>   
            </li>   
               
            <li><a class="hide">文件管理</a>   
                <div class="nvaDiv"></div>   
                <ul>   
                    <li><a href="fileManager/fileuploadManager.jsp" target="rightFrame">文件上传管理</a></li>   
                    <li><a href="fileManager/inforPublishManager.jsp" target="rightFrame">信息发布管理</a></li>    
                </ul>   
            </li>   
               
            <li><a class="hide">发布管理</a>   
                <div class="nvaDiv"></div>   
                <ul>   
                    <li><a href="publishManager/fileDownload.jsp" target="rightFrame">文件下载</a></li>   
                    <li><a href="publishManager/inforPublish.jsp" target="rightFrame">信息发布</a></li>    
                </ul>   
            </li>   
               
            <li><a class="hide">营业场所监控</a>   
                <div class="nvaDiv"></div>   
                <ul>   
                    <li><a href="http://10.232.110.146" target="rightFrame">95598呼叫中心</a></li>   
                    <li><a href="http://10.232.99.79" target="rightFrame">城西营业厅</a></li>   
                    <li><a href="http://10.232.100.131" target="rightFrame">城东营业厅</a></li>   
                    <li><a href="http://10.232.102.214" target="rightFrame">湘乡局营业厅</a></li>   
                    <li><a href="http://10.232.122.25" target="rightFrame">湘乡健康路营业厅</a></li>   
                    <li><a href="http://10.232.110.69" target="rightFrame">韶山局营业厅</a></li>   
                    <li><a href="http://10.232.103.11" target="rightFrame">湘潭县局营业厅</a></li>   
                </ul>   
            </li>   
        </ul>   
    </div>   
</body>   
</html> 

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN">   
    <html>   
    <style type="text/css">   
    .menu {   
        font-family: arial, sans-serif;    
        width:100%;    
        height:32px;    
        position:relative;    
        font-size:13px;    
        margin:0px;    
        background:url(images/centerLog.png) repeat-x;    
    }   
    .menu ul {   
        padding:0px;   
        margin:0px;   
        list-style-type: none;   
    }   
    .menu ul li {   
        float:left;   
        border-left:0px solid #ffffff;    
        width:120px;   
        text-align:center;   
    }   
    .menu ul li a, .menu ul li a:visited {   
        display:block;    
        float:left;    
        width:120px;    
        height:32px;    
        line-height:32px;    
        text-decoration:none;    
        padding:0px;   
        font-size:13px;   
        font-weight:800;   
        color:#19715f;    
    }   
    .menu ul li ul {   
        display: none;   
    }   
    /* specific to non IE browsers */  
    .menu ul li a:hover{   
        color:#a9a842;    
        background:url(images/hoveImage.png) repeat-x;   
    }   
    .menu ul li:hover ul {   
        display:block;    
        position:absolute;    
        width:120px;   
        top:32px;   
        margin:0px 0px 0px -60px;   
        color:#fff;   
    }   
      
    .menu ul li:hover ul li ul {   
        display: none;   
    }   
    .menu ul li:hover ul li a {   
        display:block;   
        color:#95a3d0;   
        border-top:2px solid #ffffff;   
    }   
    .menu ul li:hover ul li a:hover {   
        color:#f58a8f;   
    }   
    .nvaDiv{   
        margin:-25px 0px 0px 120px;   
        width:2px;   
        height:18px;   
        background:url(images/navDiv.png) repeat-x repeat-y;   
    }   
      
    </style>   
      
    <body>   
        <div class="menu">   
            <ul>   
                <li><a href="#" class="hide">系统管理</a>   
                    <div class="nvaDiv"></div>   
                    <ul>   
                        <li><a href='sysManage/agencyManager.jsp' target='rightFrame'>机构管理</a></li>   
                        <li><a href="sysManage/roleManager.jsp" target="rightFrame">角色管理</a></li>   
                        <li><a href="sysManage/userManager.jsp" target="rightFrame">用户管理</a></li>   
                    </ul>   
                </li>   
                   
                <li><a class="hide">模块管理</a>   
                    <div class="nvaDiv"></div>   
                    <ul>   
                        <li><a href="reportManager/oneReportDefine.jsp" target="rightFrame">查询统计定义</a></li>   
                        <li><a href="reportManager/twoReportDefine.jsp" target="rightFrame">二级查询定义</a></li>   
                    </ul>   
                </li>   
                   
                <li><a class="hide">辅助系统</a>   
                    <div class="nvaDiv"></div>   
                    <ul>   
                        <li><a href="reportManager/selectReport.jsp" target="rightFrame">报表查询</a></li>     
                    </ul>   
                </li>   
                   
                <li><a class="hide">文件管理</a>   
                    <div class="nvaDiv"></div>   
                    <ul>   
                        <li><a href="fileManager/fileuploadManager.jsp" target="rightFrame">文件上传管理</a></li>   
                        <li><a href="fileManager/inforPublishManager.jsp" target="rightFrame">信息发布管理</a></li>    
                    </ul>   
                </li>   
                   
                <li><a class="hide">发布管理</a>   
                    <div class="nvaDiv"></div>   
                    <ul>   
                        <li><a href="publishManager/fileDownload.jsp" target="rightFrame">文件下载</a></li>   
                        <li><a href="publishManager/inforPublish.jsp" target="rightFrame">信息发布</a></li>    
                    </ul>   
                </li>   
                   
                <li><a class="hide">营业场所监控</a>   
                    <div class="nvaDiv"></div>   
                    <ul>   
                        <li><a href="http://10.232.110.146" target="rightFrame">95598呼叫中心</a></li>   
                        <li><a href="http://10.232.99.79" target="rightFrame">城西营业厅</a></li>   
                        <li><a href="http://10.232.100.131" target="rightFrame">城东营业厅</a></li>   
                        <li><a href="http://10.232.102.214" target="rightFrame">湘乡局营业厅</a></li>   
                        <li><a href="http://10.232.122.25" target="rightFrame">湘乡健康路营业厅</a></li>   
                        <li><a href="http://10.232.110.69" target="rightFrame">韶山局营业厅</a></li>   
                        <li><a href="http://10.232.103.11" target="rightFrame">湘潭县局营业厅</a></li>   
                    </ul>   
                </li>   
            </ul>   
        </div>   
    </body>   
    </html> 
    IE6 链接标签一定要加上href，不然伪类无效。
    还有伪类只对a标签有效，li无效所以lz还是还用鼠标事件