jquery - Chrome で背景画像が部分的に途切れる場合がある

Question

私は、ページの背景にかすかな画像が必要な顧客と協力しており、ユーザーが特定のコントロールをマウスオーバーすると、背景画像が明確になります。私はFirefoxでこれを成功させました。ただし、Chrome は散発的に問題を引き起こします。背景画像の上半分が時々切り取られているようです。毎回ではありませんが、時々。そこにパターンがあるかどうかはわかりません。これがその外観です (スクリーン ショットの左半分を参照)。

切断される: 切断され ない: 実際のページは次の場所にあります : https://www.isupelive.com/isupe/web/main.php再現。

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')");
    }
);

なぜこれが起こっているのか、それを修正する方法はありますか? 回避策？前もって感謝します...