CSS 水平子菜单 - IS 6,7 都不起作用，尝试使用任何悬停

Question

我不是 CSS 菜单方面的专家。但我知道制作 css 菜单的基本系统。我以前使用过这个系统并且可以工作，但是这次它不工作了。

站点是http://www.uniethos.com .请检查此站点

此菜单适用于所有其他最新的浏览器。但不支持 IE 6 和 7。我知道 IE6 不支持除 anchor 外的悬停。所以在我使用 Whatever Hover 之前。但是这次它不工作，甚至与 IE7。我不知道为什么会这样。可能是我的 CSS 有问题。请检查 css。

如果您没有安装 IE 6 或 7，您可以从 http://spoon.net/browsers/ 运行一个.需要安装一个插件。

我在菜单中使用的 CSS 是

.glossymenu{
    background: #B4B3B3;
    height: 30px;
    width: 100%;
    padding: 0;
    margin: 0;
    display:inline-block;
    position:relative;

}

.glossymenu ul
{
   list-style: none;
   padding: 0px;
   margin: 0; 
   padding-left: 0px;
}

.glossymenu li ul
{
    display:none;
    position:absolute;
    width: 80%;
    top:30px;
    left:0px;
    background-color:#5B0C10;
    border:0px;
    z-index: 99;
}

.glossymenu li li a
{
    padding: 0px 10px 0px 10px; 
}    

.glossymenu li li a:hover
{
    background : #871016; 

}

.glossymenu li{
    float:left;
    padding: 0;
}

.glossymenu li a{
    float: left;
    display:block;
    position:relative;
    color:#FFF;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;    
}

.glossymenu li a b{
    float: left;
    display: block;
    padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
    color: #FFF;
    background: #5B0C10;
    background-position: left;
    text-decoration: none;
}

.glossymenu li a:visited{
    text-decoration: none;
}

.glossymenu ul li:hover ul 
{
    display: block;
}

Answer 1

嗯，我没有发现问题。但我使用自定义 Javascript 代码修复了菜单。

sfHover = function() {
    var sfEls = document.getElementById("glossymenu").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" over";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" over\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

那些也面临同样问题的人可能会觉得这很有帮助。谢谢。