mouseover på <li> virker ikke i IE6
Hej eksperterKan nogen fortælle mig hvorfor min mouseover funktion ikke virker rigtig i IE6.
Når musen køres over Ålborg åbnes et lyseblåt felt. Der er så meningen at man skal kunne køre musen ind i det lyseblå felt uden det forsvinder.
Det virker fint i IE7 og Firefox.
Koden ser sådan ud:
<html>
<head>
<style type="text/css">
.cntStore{}
.cntStore ul{}
.cntStore li{margin:2px;display:block;overflow:hidden;clear:both;background:orange;}
.cntStore li i{color:#686868;font-style:normal;}
.cntStore li .cityInfoHide{display:none;}
.cntStore li .cityInfoShow{background:#ededed;width:476px;padding:20px;margin:10px 0;overflow:hidden;}
.cntStore li .cityInfoShow b{color:#000;}
.cntStore li .cityInfoShow i{}
.cntStore li .cntShopAdress{width:215px;float:left;overflow:hidden;}
.cntStore li .shopbox1{margin:0 40px 0 0;}
.cntStore li .shopbox2{margin:0 0px 0 0;}
</style>
<script type="text/javascript">
function toggleClass(eId) {
//alert("hej")
curClass = document.getElementById(eId).className;
baseName = ""; //className uden Show eller Hidden
if (curClass.lastIndexOf("Hide") > -1) {
arrClassName = curClass.split("Hide");
postfix = "Show";
} else if (curClass.lastIndexOf("Show") > -1) {
arrClassName = curClass.split("Show");
postfix = "Hide";
}
baseName = arrClassName[0];
className = baseName + postfix
document.getElementById(eId).className = className;
return className;
}
</script>
</head>
<body>
<div class="cntStore">
<ul>
<li onmouseover="toggleClass('info1'); fixBgIe6();" onmouseout="toggleClass('info1'); fixBgIe6()">
<i>København</i>
<div id="info1" class="cityInfoHide">
<div class="cntShopAdress shopbox1">
bla bla
</div>
<div class="cntShopAdress shopbox2">
bla bla
</div>
</div>
</li>
<li onmouseover="toggleClass('info2'); fixBgIe6();" onmouseout="toggleClass('info2'); fixBgIe6()">
<i>Ålborg (2)</i>
<div id="info2" class="cityInfoHide">
<div class="cntShopAdress shopbox1">
bla bla
</div>
<div class="cntShopAdress shopbox2">
bla bla
</div>
</div>
</li>
<li>Hjørring</li>
<li>Horsens</li>
<li>Vejle</li>
</ul>
</div>
</body>
</html>
