我在bootstrap.css网站中使用选项卡式导航栏。在IE8中（还没有看到其他的IE浏览器），与Chrome中呈现的方式相比，底部边框处于关闭状态。我已经将它缩小到了一个IE渐变过滤器（filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);），它存在于bootstrap的mixins.less文件中应用的样式.navbar-inner中。如果我从css中删除该过滤器，则IE8中的边距与Chrome中的边距相匹配。
必须删除过滤器。添加filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);似乎没有帮助。
我的问题是：为什么过滤器会改变布局？我该怎么做才能改变这种行为？
是的，我可以删除过滤器，因为我还没有使用渐变。但是我试图让bootstrap尽可能保持不变，只是在一个单独的.less文件中对它进行更改，并将其合并到最终的bootstrap.css中。
这是一个基本元素的jsfiddle：http://jsfiddle.net/ESEQ2/
要明白我的意思，你必须在IE8（也可能是其他IE浏览器）中查看它。
感谢这里的任何帮助。提前谢谢。