css - 垂直导航在 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;
}

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

使用 IE 条件类和 css3pie，我无法让它正常工作。

Answer 1

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