IE7 BUTTON白色轮廓

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的间隙.