解决hover显示图片疯狂抖动问题

谷歌看到说border、margin影响之类的，但是各种尝试都不行，也想不到什么原因，但是后面发现保证hover区域不遮挡原来的元素就能解决了。

<div class="list-right">
          <span class="list-right-icon"></span>
          <span class="list-right-btn">数据库对比表</span>
        </div>

.list-right {
    position: absolute;
    right: 85px;
    top: 316px;
    width: 122px;
    height: 36px;
    cursor: pointer;
    z-index: 10;
}
list-right-img {
    position: absolute;
    display: none;
    right: 85px;
    top: 336px;
    width: 300px;
    height: 477px;
    background-image: url(../images/list-right-img.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 99;
}