Jquery - animate background issue
<p>I searched a background animation  samples in web. i found this url :</p>

<p><a href="http://jsfiddle.net/rwaldron/TzWQA/" rel="nofollow">http://jsfiddle.net/rwaldron/TzWQA/</a></p>

<p>and it works safari and chrome, but the animation background is not working with opera,and Firefox. is there any workaround to make this work across the browsers?</p>

<p>the code it contains is :</p>

<pre><code>$(document).ready(function(){
 $("#puppies")
    .animate({
        backgroundPositionY: "0px",
        backgroundPositionX: "-250px"
    }, 2000);
});
</code></pre>
