Действительно получить нежелательное поведение от 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, я не могу заставить его работать должным образом.