IE7按钮白色轮廓

Question

有人知道为什么IE6和IE7在button边框和背景之间添加一个白色边框吗？

下面是我的CSS和HTML：

#reportButton{
    background:#fefcda url(buttonback.png) repeat-x bottom left;
    border-top:2px solid #fffff8;
    border-right:2px solid #e3b40c;
    border-bottom:2px solid #e3b40c;
    border-left:2px solid #fffff8;
    color: #373535;
    font-weight: bold;
    margin:0 2%;
    width:45%;
}

<button id="reportButton">Report a Concern</button>

如果你尝试这样做，你会看到在边框和背景之间有一个有趣的白色边框。这不会出现在任何其他浏览器中，甚至IE8也不会。

对于我做错了什么，有谁有简单的解决办法或建议吗？

谢谢!

编辑:我只是注意到当我点击按钮时，行军的蚂蚁出现了，白色的边框消失了。似乎当按钮是:active时，它们就消失了，尽管这对我解决问题没有多大帮助，但对其他人可能会有帮助。

另外，很抱歉我不能提供一个屏幕；我现在没有地方通过这个互联网连接上传它。

EDIT2:它实际上显示的边框不是白色的，而是按钮的background-color。IE似乎在按钮边框和按钮背景图像之间留下了1px的间隙。

Answer 1

我有同样的problem...neat技巧，似乎至少对IE有效：“白色”轮廓实际上是你图像的背景颜色。因此，将其设置为与边框颜色相同。如果你不介意边框稍微粗一点，就到此为止吧。如果边框现在太粗，请将边框颜色设置为页面的背景色。

例如，要显示黑色“边框”，请使用此css为您的按钮:背景: url(./button_bg.gif)无重复；背景-颜色：#000000；边框: 1px实体#FFFFFF；

Answer 2

确保边框不是来自图像本身(图像的背景)，设置准确的width和height，也尝试将padding设置为0，就像@SLaks说的那样。