title: jQuery animate 'right' position issue
body: <p>I have a menu that slides through several sections of my Website, right and left.</p>
  
  <p>Originally I had a function 'goto()', which was triggered 'onClick', and the animation worked exactly as expected.</p>
  
  <p>I wanted to clean up the HTML, so I added a bind handler to a click event in a JS file.</p>
  
  <pre><code>var navanchors = $('#navMain a');
  var slider = $('#slider');
  
  init = function() {
  
  navanchors.bind('click', function() {
  
      var t = $(this);
      var id = t.attr('href');
      var dist = $(id).position().left;
  
      //animate to the div id.
      slider.animate({
          "right": (dist)
      }, 600);
  
  });
  };
  
  init();​
  </code></pre>
  
  <p>The left animation seems to work as expected, but the right animation is off. On the first click the animation seems to move twice the expected distance. On a second click it resets without animation.</p>
  
  <p>Please have a look at the issue here: <a href="http://jsfiddle.net/Kj4bU/1" rel="nofollow">http://jsfiddle.net/Kj4bU/1</a></p>
  
  <p>I have searched and experimented but am at a loss. Any help would be much appreciated.</p>
  
  <p>Thanks</p>