背景图片在Chrome中偶尔会被部分切断

Question

我正在与想要在其页面背景中显示模糊图像的客户合作，当用户将鼠标悬停在某个控件上时，背景图像变得清晰。我在Firefox中取得了成功。但是，Chrome偶尔给我带来麻烦。它似乎切断了OCCASIONALLY背景图像的上半部分。不是每次都有，但有时候。我不知道它是否有任何模式。这是它的样子（查看屏幕截图的左半部分）。

切断： 没有被切断： 实际页面位于： https://www.isupelive.com/isupe/web/main.php 只需在Google Chrome浏览器上点击几次刷新，问题应该重现。

可以在页面上完整地看到CSS和Javascript，但这里有一些摘录：

HTML和CSS：

<section id="thesection" style="background-image:url('../images/bg-95.png'); background-repeat:no-repeat; background-attachment:fixed; background-position: 0px 90px;">

Javascript / jQuery在鼠标悬停时更改图像：

$(document).ready(function() { 
    // Preload Images 
    preload(['../images/bg-100.png', '../images/bg-95.png']);

    // Mouse over effect
    $("#logout").hover(
    function () {
        $("#thesection").css("background-image", "url('../images/bg-100.png')");
    }, 
    function () {
        $("#thesection").css("background-image", "url('../images/bg-95.png')");
    }
);

为什么会发生这种情况或如何解决这个问题？解决方法？提前谢谢......