出于某种原因,我的水平菜单在 IE8 上看起来非常糟糕(可能还有以前的版本)(见第一张图片)。最新版本的 safari、firefox 和 chrome 没有问题(见第二张图片)。知道为什么以及如何解决这个问题吗?网站链接http://goo.gl/nEx5e 谢谢
CSS 代码:
#nav
{
right:2%;
list-style:none;
position:fixed;
/* float:right; */
top:30px;
z-index:1000;
/* width:520px; */
}
#nav > li {
display: inline-block;
/* dirty hack for IE7 */
*display: inline;
*zoom: 1;
}
#nav a
{
float:left;
top:30px;
display:inline-block;
font-size:11px;
margin-left:5px;
margin-right:5px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
height:24px;
color:#666;
line-height:24px;
text-align:center;
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
background:rgba(255,255,255,0.9);
text-transform:uppercase;
}
#nav a:hover
{
background:#dedede;
}
#nav .current a
{
background:#666;
color:#ededed;