Css Google Chrome BUG:Transform属性使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的一个bug。我尝试过不同的解决方案，但都没有帮到我。那么，你能帮我修一下吗