JS下拉菜单在IE下鼠标移不上去?

Question

/* HTML部分 */

<ul id="ul">

    <li class="borl"><a href="javascript:;">首页</a></li>

    <li>

        <a href="javascript:;">一级导航</a>

        <ul>

               <li><a href="javascript:;">二级导航</a></li>

               <li><a href="javascript:;">二级导航</a></li>

               <li><a href="javascript:;">二级导航</a></li>

        </ul>

    </li>

</ul>

/* CSS部分 */

.first{height: 45px;background: #cff;min-width: 1000px;}

.first>ul{width: 1000px;height: 45px;margin:0 auto;}

.first li{width: 164px;height: 45px;line-height: 45px;border-right: 2px solid #fff;text-align: center;font-size: 14px;float: left;}

.first .borl{border-left: 2px solid #fff;}

.first a{display: block;color: #0a0;}

.first>ul>li{position: relative;}

.first>ul>li>a:hover{background: #0fd;}

.first li ul{display: none;position: absolute;top: 45px;left: 0;}

.first li ul li{margin-top: 1px;}

.first li ul a{background: #cff;}

.first li ul a:hover{background: #afc;}

/* JS部分 */

var oUl=document.getElementById('ul');

var aLi=oUl.getElementsByTagName('li');

for(var i=0;i<aLi.length;i++){

    aLi[i].onmouseover=function(){

        this.getElementsByTagName('ul')[0].style.display='block';

    };

    aLi[i].onmouseout=function(){

        this.getElementsByTagName('ul')[0].style.display='none';

    };

}

Answer 1

IE 老版本 不支持getElementsByTagName 或者是有BUG关于IE中getElementById 的BUG你没有说明你使用的IE版本，所以只能猜测