在IE8 IE7 IE6 三级菜单不能显示，请各位指点
HTML Code：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>专业投影机租赁,音响租赁,投票器租赁,打印机出租---昆山IT服务外包网</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
body{
background:#59606a url(../images/main_01.gif) repeat-x;
width:918px;
margin:0 auto;
font-size:12px;
color:#666;
-moz-user-select:none;
font-family:Verdana,Helvetica, Tahoma;
/*behovier:url("../javascript/hover.htc");*/
}
div#nav{
width:918px;
height:40px;
font: bold Verdana, Arial, Helvetica, sans-serif;
background:url("../images/jb.gif") repeat-x center;
}
div#nav ul#navmenu{
list-style:none;
line-height:40px;
}
div#nav ul#navmenu li{
float:left;
width:131px;
position:relative;
}
div#nav ul#navmenu li a{
display:block;
width:131px;
height:40px;
color:#fff;
text-align:center;
line-height:40px;
text-decoration:none;
}
div#nav ul#navmenu li a:hover{
text-decoration:none;
color:#f60;
font-family:Verdana, Arial, Helvetica, Tahoma,sans-serif;
font-size:16px;
font-weight:bold;
height: auto !important;
height: 1%; /*For IE*/
}
div#nav ul#navmenu li ul{
list-style:none;
position:absolute;
top:40px;
left:0;
display:none;
filter:alpha(opacity=90);/* IE */
-moz-opacity:0.9; /* Moz + FF */
opacity:0.9;
}
div#nav ul#navmenu li ul li{
float:none;/*For Gecko*/
display: block !important;
display: inline; /*For IE*/
width:131px;
height:40px;
background:#ccc;
border-top:1px solid #fff;
line-height:40px;
margin:0;
}
div#nav ul#navmenu li ul li a{
font-size:12px;
text-decoration:none;
display:block;
width:131px;
height:40px;
background:#ccc;
}
div#nav ul#navmenu li ul li a:hover{
font-size:12px;
text-decoration:none;
display:block;
width:131px;
height:40px;
background:#eee;
}
/*text*/
div#nav ul#navmenu li ul li ul{
position:absolute;
top:-1px;
left:132px;
float:left;
display:none;
}
div#nav ul#navmenu li ul li ul li{
float:none;/*For Gecko*/
display: block !important;
display: inline; /*For IE*/
width:131px;
height:40px;
background:#ccc;
border-top:1px solid #fff;
line-height:40px;
margin:0;
}
</style>
<script type="text/javascript">
function displaySubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "block";
}
function hideSubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "none";
}
</script>
</head>
<body>
<div id="nav">
<ul id="navmenu">
<li><a href="../index.html">网站首页</a></li>
<li><a href="../products.html">产品信息</a></li>
<li><a href="../server.html">服务外包</a>
<ul>
<li><a href="../vos.html">虚拟IT部门服务</a></li>
<li><a href="../ess.html">工程师派遣驻场服务</a></li>
<li><a href="../crs.html">计次响应服务</a></li>
</ul>
</li>
<li><a href="../solution.html">解决方案</a></li>
<li><a href="../lease/index.html">租赁服务</a>
<ul>
<li><a href="../lease/index.html">租赁服务介绍</a></li>
<li><a href="../lease/zllc.html">租赁流程</a></li>
<li><a href="../lease/leasing.html">租赁项目</a>
<ul>
<li><a href="../vos.html">投影机租赁</a></li>
<li><a href="../ess.html">音响租赁</a></li>
<li><a href="../crs.html">OA办公设备租赁</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="../news.html">新闻中心</a></li>
<li class="end"><a href="../contact_us.html">联系我们</a></li>
</ul>
</div>
<p style="color:red">工工工工工工工工工工工工工工工工工工工工工工工AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
</body>
</html>
各位请指点，在Firefox下三级菜单及二级三级菜单的透明效果都有，但是在IE下不能显示三级菜单，有透明效果，如果把“<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />”声明去掉IE8有三级菜单但是又失去了透明效果，请各位指点，谢谢 :Q 3层菜单兼容问题很大啊
页:
[1]