Skrollr background: position property applied to an image does not work <p>I am trying to animate opacity and parrallax position property of a few images using the scrollr.</p> <p>Opacity works flawlessly on img and div tags, but position property will not work.</p> <p>I tried applying the background-position property to img tag and div tag but it just doesn't work.</p> <pre><code>&lt;div class="image1" data-bottom="opacity:0;background-position: 0px -250px;" data-center="opacity:1;background-position: 0px 0px;" data-top="opacity:0;background-position: 0px 250px;"&gt;&lt;/div&gt; </code></pre> <p>What am I doing wrong?</p> <p><a href="http://jsfiddle.net/Eq87X/3/" rel="nofollow">http://jsfiddle.net/Eq87X/3/</a></p> <p>Thanks</p>