背景IE CSS问题得到削减时，有一个负利润率

Question

这里是有问题的网站

http://kryptodesigns.com/dev/forum.php?styleid=3

在FF，Chrome的一切都看起来不错，要注意导航以及如何论坛链接红色背景扩展超过灰色导航容器。

现在看看IE中的相同链接，它会切断导航容器外部整个边距的背景颜色。

我已经找遍了谷歌的人有一个类似的问题没有运气。

这是我正在谈论的照片。

http://i50.tinypic.com/2eczwut.jpg

上解决此问题的任何帮助将是真棒。

谢谢你的帮助！

Answer 1

的问题是在这里filter：

#navtabs { 
    /* for non-css3 browsers */ 
    background: #CDCFD0 url(kryptodesigns/KD0010/misc/navigation/navigation-repeat.png) top left repeat-x; 
    /* for IE */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CDCFD0'); 
    /* for webkit browsers */ 
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CDCFD0)); 
    /* for firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #FFFFFF, #CDCFD0); 
} 

有一个filter导致overflow: hidden -esque效果，这就是为什么li的顶部都看不出来。

要解决这个问题，我建议您只需删除filter，因为您已经拥有相同渐变的图像版本。