jQuery при прокрутке окна анимировать положение фонового изображения

Я пытаюсь добиться эффекта прокрутки с помощью jQuery. У меня фоновый div установлен на 100% размер окна браузера со скрытым переполнением. Это большое фоновое изображение размером прибл. 1500 пикселей x 2000 пикселей.

Эффект, который я хочу, - это когда пользователь прокручивает страницу вниз, а фоновое изображение перемещается на процент от прокрученного расстояния, поэтому на каждые 200 пикселей, прокрученных вниз по странице, изображение перемещается на 10 пикселей в том же направлении.

Может ли кто-нибудь указать я в правильном направлении? Это вообще возможно? :) Заранее большое спасибо.

ОБНОВЛЕНИЕ

С тех пор я пробовал варианты предложения @Capt Otis, но я все еще борюсь с кодом, с которым я играю, выглядит следующим образом:

$(window).scroll(function(){
    if($(this).scrollTop() > 200) {
        $('#div').animate({'background-postion': '+=10px 0'}, 500);
    }
});     

Может ли кто-нибудь пролить свет на то, что я делаю неправильно?