title: jQuery animate background position with x and y position
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/5171080/jquery-animate-background-position">jquery animate background position</a>  </p>
  </blockquote>
  
  
  
  <p>For a animated hover effect I try to set the background-position in the function animate of jQuery. I set my hover in a sprite image, when I try to set background-position in the function animate, it seems te work just with one param of pixels. When I try to set two (x and y), it doesn't work anymore at all.</p>
  
  <p>What works (it sets 109px 50% in my source code):</p>
  
  <pre><code>$('a#twitter').animate({ 
  backgroundPosition: '109px',
  });
  </code></pre>
  
  <p>What I want but not works (nothing in my source code):</p>
  
  <pre><code>$('a#twitter').animate({ 
  backgroundPosition: '109px 0px',
  });
  </code></pre>
  
  <p>Thanks in advance.</p>
  
  <p>Nicky</p>