下拉菜单浏览器的兼容问题

自己写的下拉菜单，其它浏览器正常，火狐浏览器下一闪就没了，请问是什么原因谁指点一下，谢谢。<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>js-test</title>
</head>
<style type=text/css>
.DonforAll{Float:Left;Width:1000px;}
.DonforMKj{position:relative;float:left;display:block;width:100px;height:20px;Margin-Left:10px;text-align:center;BackGround:#808080;cursor:pointer;}
.DonforMKj .DonforMainMenu{Color:#ffffff;text-decoration:none;}
.DonforMKj .DonforDownOf{display:none;}
.DonforMKj .DonforDownOn{display:block;position:absolute;top:20px;left:0px;width:100px;border:0px dashed blue;background-color:#ccFFFF;padding:0px;color:black;font-size:12px;line-height:200%;}
.DonforLrq{Float:Left;Width:1000px;height:21px;}
</style>
<script language=javascript>
<!---
function DonforListMenu(aa){
 document.getElementById("menu"+aa).className="DonforDownOn";
}
function DonforCloseMenu(aa){
 document.getElementById("menu"+aa).className="DonforDownOf";
}
//-->
</script>
<body>
<div class=DonforAll>
<span class=DonforMKj onmousemove="DonforListMenu(1)" onmouseout="DonforCloseMenu(1)">
 <a href=http://www.newsus.com.cn class=DonforMainMenu>关于我们</a>
 <span id=menu1 class=DonforDownOf>
  <a href=http://www.newsus.com.cn>公司介绍</a><br>
  <a href=http://www.99rfid.com>企业文化</a><br>
  <a href=http://www.donfor.com>成长历程</a><br>
 </span>
</span>
<span class=DonforMKj onmousemove="DonforListMenu(2)" onmouseout="DonforCloseMenu(2)">
 <a href=http://www.newsus.com.cn class=DonforMainMenu>新闻动态</a>
 <span id=menu2 class=DonforDownOf>
  <a href=http://www.newsus.com.cn>公司介绍</a><br>
  <a href=http://www.99rfid.com>企业文化</a><br>
  <a href=http://www.donfor.com>成长历程</a><br>
 </span>
</span>
<span class=DonforMKj onmousemove="DonforListMenu(3)" onmouseout="DonforCloseMenu(3)">
 <a href=http://www.newsus.com.cn class=DonforMainMenu>客户服务</a>
 <span id=menu3 class=DonforDownOf>
  <a href=http://www.newsus.com.cn>公司介绍</a><br>
  <a href=http://www.99rfid.com>企业文化</a><br>
  <a href=http://www.donfor.com>成长历程</a><br>
 </span>
</span>
</div>
<div class=DonforLrq>
dsfgdsgfdsgsssssssssssssssssssssssssssss
</div>
</body>
</html>
火狐浏览器javascript下拉菜单css兼容

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>js-test</title>
    </head>
    <style type=text/css>
    .DonforAll{Float:Left;Width:1000px;}
    .DonforMKj{position:relative;float:left;display:block;width:100px;height:20px;Margin-Left:10px;text-align:center;BackGround:#808080;cursor:pointer;}
    .DonforMKj .DonforMainMenu{Color:#ffffff;text-decoration:none;}
    .DonforMKj .DonforDownOf{display:none;}
    .DonforMKj .DonforDownOn{display:block;position:absolute;top:20px;left:0px;width:100px;border:0px dashed blue;background-color:#ccFFFF;padding:0px;color:black;font-size:12px;line-height:200%;}
    .DonforLrq{Float:Left;Width:1000px;height:21px;}
    </style>
    <script language=javascript>
    <!---
    function DonforListMenu(aa) {
        document.getElementById("menu" + aa).className = "DonforDownOn";
    }
    function contains(p, c) {
        if (p == c) return true;
        while (c = c.parentNode) { if (p == c) return true; }
        return false;
    }
    function DonforCloseMenu(aa, e, span) {
        var toElement = e.toElement || e.relatedTarget;
        if (contains(span, toElement)) return false;//移动到的子元素包含在父元素内不执行下面的代码
        document.getElementById("menu" + aa).className = "DonforDownOf";
    }
    //-->
    </script>
    <body>
    <div class=DonforAll>
    <span class=DonforMKj onmousemove="DonforListMenu(1)" onmouseout="DonforCloseMenu(1,event,this)">
     <a href=http://www.newsus.com.cn class=DonforMainMenu>关于我们</a>
     <span id=menu1 class=DonforDownOf>
      <a href=http://www.newsus.com.cn>公司介绍</a><br>
      <a href=http://www.99rfid.com>企业文化</a><br>
      <a href=http://www.donfor.com>成长历程</a><br>
     </span>
    </span>
    <span class=DonforMKj onmousemove="DonforListMenu(2)" onmouseout="DonforCloseMenu(2,event,this)">
     <a href=http://www.newsus.com.cn class=DonforMainMenu>新闻动态</a>
     <span id=menu2 class=DonforDownOf>
      <a href=http://www.newsus.com.cn>公司介绍</a><br>
      <a href=http://www.99rfid.com>企业文化</a><br>
      <a href=http://www.donfor.com>成长历程</a><br>
     </span>
    </span>
    <span class=DonforMKj onmousemove="DonforListMenu(3)" onmouseout="DonforCloseMenu(3,event,this)">
     <a href=http://www.newsus.com.cn class=DonforMainMenu>客户服务</a>
     <span id=menu3 class=DonforDownOf>
      <a href=http://www.newsus.com.cn>公司介绍</a><br>
      <a href=http://www.99rfid.com>企业文化</a><br>
      <a href=http://www.donfor.com>成长历程</a><br>
     </span>
    </span>
    </div>
    <div class=DonforLrq>
    dsfgdsgfdsgsssssssssssssssssssssssssssss
    </div>
    </body>
    </html>