Css 悬停子菜单赢得'；我不在ie工作

我对css完全不熟悉，但我冒险创建了一个使用wordpress主题的网站。主题应该与IE兼容，但在IE7、8或9中，我的悬停子菜单不可单击。 也就是说，我创建了样式IE*.css文件并指向它们。我增加了索引。但它仍然不起作用。 以下是网站：

这是菜单脚本（根据主题制作，并进行一些颜色和字体更改）：

---

提前感谢您的帮助

我的网站与IE的功能非常相似。它是一个垂直子菜单而不是水平子菜单，但在IE中，如果您将鼠标悬停在顶部菜单上，子菜单将出现，但您必须以闪电般的速度移动鼠标以突出显示链接，否则菜单将消失。有一件事你应该特别注意（我看过你的网站），那就是：

在.css文件中为（.navigation ul.menu li a）留下空白

值得注意的是，在我看来，您的主题还有一个style-IE9.css文件，它可能覆盖了style.css的一些属性

---

当我在IE9上使用开发工具时（有史以来第一次），当我在（.navigation ul.a）下的IE9.css文件中将左边的填充改为0px时，我可以看到问题部分解决了。部分原因是因为About（Bio和Resume）的子菜单标题“压扁”在最上面的菜单附近。

提供一个jsfiddle来演示这个问题。如果您提供一个小的自包含示例，它只包含足够的代码来演示这个问题，而不需要任何额外的东西，您将得到更好的答案。将此代码发布到问题中或JSFIDLE（jsFIDLE.net）中。这样做可能需要很多工作，但这是解决问题过程中的关键部分。谢谢！我会的！

.navigation {
text-transform: uppercase;
position: fixed;
z-index: 10;
display: none;
}

.navigation ul.menu li a {
    font: 26px 'Marvel', sans-serif;
    color: #FFFFFF;
    line-height: 35px;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
    margin-bottom: 5px;
    background: none;
    float: left;
    clear: both;
}

.navigation ul.menu li ul {
    float: left;
    display: none;
}

    .navigation ul.menu li ul li {
        margin: 0px 0px 0px 1px;
        float: left;
    }

        .navigation ul.menu li ul li a {
            font-size: 24px;
            color: #FFFFFF;
            background:none;
        }

            .navigation ul.menu li ul li a:hover {
                color: #000000;
                background:#FFFFFF;
            }

        .navigation ul.menu li ul li ul {
            margin: 36px 0px 0px 0px;
            position: absolute;
            z-index: 20;
            display: none;
        }

            .navigation ul.menu li ul li ul li {
                margin: 0px;
                white-space: nowrap;
                float: right;
            }

                .navigation ul.menu li ul li ul li a {
                    margin: 0px 0px 1px 0px;
                }

                .navigation ul.menu li ul li ul li ul {
                    display: none !important;
                }