垂直导航在 IE 中无法正常工作

Question

确实在 IE7 和 IE8 的页眉和页脚垂直菜单上得到了一些不需要的行为。以前这样做没有问题，但在使用 Wordpress 时，它就是不正确。

这里是测试站点：http://examples.iamwebsitedeveloper.com/walkinmyshoes/

这是用于#headerNav的代码：

#headerNav {
    display:block;
    float: left;
    margin: 0 auto;
    width: 940px;
    position: relative;
    z-index:99999;
    font: Verdana, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #894ba6;
    background: -moz-linear-gradient(top, #894ba6 0%, #743a8f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#894ba6), color-stop(100%,#743a8f));
    background: -webkit-linear-gradient(top, #894ba6 0%,#743a8f 100%);
    background: -o-linear-gradient(top, #894ba6 0%,#743a8f 100%);
    background: -ms-linear-gradient(top, #894ba6 0%,#743a8f 100%);
    background: linear-gradient(top, #894ba6 0%,#743a8f 100%);
    margin-bottom:20px;
    behaviour:url(PIE.htc);
}

.ie7 #headerNav,.ie8 #headerNav{*display: block;*zoom:1;}

#headerNav ul{
    font-size: 1.077em;
    list-style:none;
    margin:0;
    padding:0px;
}

#headerNav li {
    float: left;
    position: relative;
    border-right:1px solid #8B4DA7;
}

此外，如果您查看页脚部分，则背景颜色和块不会出现！此外，页脚导航的行为方式相同！

使用 IE 条件类以及 css3pie，我无法使其正常工作。

Answer 1

埃文·维， 当我打开调试器并关闭它时出现奇怪的问题，css 又回来了。它可能是jQuery的执行。