IE6下，js改变className无效的问题

Question

visited是css里面的一个。用来改变背景用的。
现在先onmouseover
document.getElementById("liid").className="visited";
这个有效果。
但是再onmouseoutdocument.getElementById("liid").className="";
背景依然存在。也就是说这个“visited”还在起作用。其它浏览器都有效果。唯有这个IE6出这样的问题。这是为什么呢？

Answer 1

把这个部分的HTML 也贴出来吧。

Answer 2

这个html和上面有点出入。<li id="liIndex" onclick="goto(1)" onmouseover="onVisited('liIndex')" onmouseout="this.className=''">首页</li>
onVisited函数内容：function onVisited(liid)
{
JS(liid).className="visited";
}

Answer 3

var JS=function(id)
{
return document.getElementById(id);
}

Answer 4

其实这个效果用CSS 就足够了。
li:hover{ 
  //鼠标经过
}

Answer 5

写成函数会出错？
function outVisited(liid)
    {
        JS(liid).className="";
    }

Answer 6

我使用了 LZ 的代码，使用了IE tester IE6 测试过，没有问题啊。
鼠标经过有效果（背景变色），鼠标移开后 也能复原。

Answer 7

<script>
var JS=function(id) { return document.getElementById(id); }
function onVisited(liid) { JS(liid).className="visited"; }
function goto(a){ alert("yes")}
</script><style>
li{display:block; background-color:#ff0000; border:solid 1px #999;}
.visited{background-color:green}
</style>
<li id="liIndex" onclick="goto(1)" onmouseover="onVisited('liIndex')" onmouseout="this.className=''">首页</li>

Answer 8

不是吧。为什么我用ietester。就没什么反应呢。难道什么地方有冲突？其它浏览器都对。哎