JS效果完美解决IE6不支持li:hover悬浮的问题

网页上LI列表和DD都可以带上鼠标触及改变背景颜色的效果，设置方式例如：p:hover , li:hover , dd:hover 代码，这样就可以让鼠标悬浮出效果，但是这种代码经过测试在IE6是不支持的，因此需要一段JS代码来支持：

一下是JS代码，其中nav是CSS里的ID编码代码...

lihover = function() {   
    var sfEls = document.getElementById("nihao").getElementsByTagName("li");   
    for (var i = 0; i < sfEls.length; i++) {   
        sfEls[i].onmouseover = function() {   
            this.className += "lihover"   
        }   
        sfEls[i].onmouseout = function() {   
            this.className = this.className.replace(new RegExp("lihover\\b"), "")   
        }   
    }   
}   
if (window.attachEvent) window.attachEvent("onload",lihover);   
然后编写CSS代码：
.nihao{width:600px;margin:0px auto;} 
.nihao ul li{width:580px;height:30px;margin-bottom:1px;margin-top:1px;list-style:none;background:#efefef;} 
.nihao ul li:hover{background:green;} 
.nihao ul li.lihover{background:green;} 
最后是HTML代码：
<p class="nihao"> 
    <ul id="nav"> 
        <li></li> 
        <li></li> 
        <li></li> 
        <li></li> 
        <li></li> 
        <li></li> 
        <li></li> 
        <li></li> 
        <li></li>        
    </ul> 
</p> 
演示预览效果如下：