Google Chrome BUG：转换属性使div变得像素化

Question

我一直在弹出一个工作。它在主div中垂直和水平居中。我使用了以下代码：

CSS

#pop-up {
    background-color: #FFF;
    display: none;
    height: auto;
    left: 50%;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    width: 420px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);
}

但每当我将DIV悬停时，它就会变得像素化。我一直在阅读它，这是谷歌Chrome的错误。我尝试了不同的解决方案，但它没有帮助我。那么，你能帮我解决一下吗？