当我将鼠标悬停在按钮上时Safari上的图形错误

Question

当我将鼠标悬停在按钮上时，我在Safari（mac）上有一个图形错误。将鼠标悬停在按钮上后，会出现棕色背景或类似的东西。它只发生在Safari中。在其他浏览器中没有问题。

有谁知道为什么会这样？

Safari浏览器

铬

.btn-pulse{
color: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 0.07);
background-color: #323b44 !important;
}

.btn-pulse:hover{
color: #fff;
background-color: #2d363e !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

更新

只有当我有100％的网站，如果我放大或缩小一切都没关系。没有棕色背景。