IE11（其他IE？）背景颜色和边框

Question

以下样式会导致图像中显示的问题。如您所见，背景颜色未正确填充。有什么想法吗？

.button{
    font-size:18px;
    line-height:46px;
    color:#57595E;
    text-align:center;
    display:block;
    width:158px;
    height:46px;
    border-radius:5px;
    border:1px solid #57595E;
}
.button:hover{
    color:#fff;
    background-color:#57595E;
}

Answer 1

原来我正在使用的mixin正在添加background-clip: padding-box;，这导致了这个问题。