title: jQuery animate doesn't work correctly in firefox
body: <pre><code> jQuery(function() {
              jQuery('#rightbar').bind('mouseenter',function(){
                    jQuery(this).stop().animate({right: 0}, {duration:600});
              });
              jQuery('#rightbar').bind('mouseleave',function(){
                    jQuery(this).stop().animate({right: '-150px'}, {duration:600});
              });
          });
  </code></pre>
  
  <p>While I use this function on my website, it works correctly on all other browsers except firefox (latest).</p>
  
  <p>When I hover on div #rightbar it move to left instead of move to right as my script.
  I check on Chrome and frefox: </p>
  
  <p>On Chrome, when hover, right attribute change from: -150 -> 0</p>
  
  <p>But on firefox, when hover, right attribute change -150 -> -170 ...etc..</p>
  
  <p>I don't know why, maybe it's firefox bug (?).</p>
  
  <p>Look forward your help. </p>
  
  <p>Thank you!</p>
  
  <p>P/s: You can check here: <a href="http://goo.gl/SChFo" rel="nofollow">http://goo.gl/SChFo</a></p>