显示在菜单项顶部的Internet Explorer中的Spry Horizo​​ntal Down down菜单

Question

我的绝对智慧结束了。首先，我的网站。

http://mojooutdoors.dreamhosters.com

如果你将鼠标悬停在任何不是IE浏览器的菜单上，它就可以正常工作。下拉菜单显示在菜单项下方，一切正常。然而！作为IE的IE，决定这是不可接受的，并在菜单项的顶部显示下拉菜单。

我已阅读删除/修改以下java的所有内容：

if(Spry.is.ie)
    {
        this.addClassName(items[i], this.isieClass);
        items[i].style.position = "static";
    }

在css表中更改以下IE hack：

@media screen, projection
{
    ul.MenuBarHorizontal li.MenuBarItemIE
    {
        display: inline;
        f\loat: left;
        background: #FFF;
    }
}

我已将javascript位置更改为其他内容，这导致下拉菜单显示在页面的中间位置。 CSS IE黑客似乎没有任何效果。

有人可以帮帮我吗？我无法在互联网上的任何地方找到解决方案（而不是因为没有尝试），我什么都没找到。

谢谢，响应的任何人！

Answer 1

这可能是你的解决方案吗？

@media screen, projection
{
    ul.MenuBarHorizontal li.MenuBarItemIE
    {
        display: block;
        float: left;
        background: #FFF;
    }
}

也许可以试试if IE功能。

<!--[if IE]>    
@media screen, projection
{
    ul.MenuBarHorizontal li.MenuBarItemIE
    {
        display: block;
        margin: 10px 10px 10px 10px;
        float: left;
        background: #FFF;
    }
}
<![endif]-->

编辑边距直到它的位置？