Исправлена ​​проблема с перерисовкой фонового изображения Chrome

Для сайта, над которым я сейчас работаю. Я пытаюсь придать фоновому изображению своего рода эффект параллакса на странице. В основном у меня есть div с установленной высотой, и я обновляю фоновое изображение div, когда пользователь нажимает на каждый элемент ротатора. Фоновое изображение фиксируется по центру вверху и работает абсолютно нормально при первой загрузке страницы. Но если вы немного прокрутите вниз, чтобы часть div не была видна, и переключите элементы в ротаторе, фоновое изображение загружается только в определенной точке div, но как только я прокручиваю или касаюсь любого элемента в инспекторе, он полностью загружается.

Вот моя разметка на случай, если я что-то делаю не так, но он отлично работает в Firefox и IE7 / 8/9, но только не в Chrome. Любая помощь приветствуется.

.home .rotator
{
    height:450px;
    background: fixed center top no-repeat;
    background-size: 100% auto;
    position: relative;
    margin-bottom: 20px;
}

$(".home .rotator").css("background-image", "url('" + bgImg + "')");

Если вам нужна дополнительная информация, дайте мне знать.