title: jQuery position().left, offsetLeft returning hugely different values in chrome and firefox
body: <p>Updated for simplicity:
  <a href="http://jsfiddle.net/vJVcf/5/" rel="nofollow">http://jsfiddle.net/vJVcf/5/</a></p>
  
  <p>///</p>
  
  <p><a href="http://jsfiddle.net/kE6TR/" rel="nofollow">http://jsfiddle.net/kE6TR/</a></p>
  
  <p>(the animation happens when hovering on the paragraph)</p>
  
  <p>I have no idea what causes this, but I have narrowed the difference down to the position().left; value - for some reasons webkit and firefox interpret it completely differently.</p>
  
  <pre><code>var $plugin = jQuery.sub();
  $plugin.fn.animate = function(props, speed, cb) {
  
  
  
      if (typeof(speed) == "function") cb = speed, speed = 500;
      if (typeof(cb) != "function") cb = function() {};
      return $.each(this, function(i, el) {
          el = $(el);
  
          if (props.float &amp;&amp; props.float != el.css("float")) {
              var elem = el.clone().insertBefore(el).addClass('killme'),
              temp = el.position().left;
              el.css('position', 'absolute');
              props.marginLeft = 0;
              props.left = 0;
  
              el.css({
                  marginLeft: temp
              });
          }
          $(this).animate(props, speed, function() {
              $(this).css(props);
              cb();
              el.css({
                  marginLeft: -100,
                  position: "relative",
                  display: "block",
                  clear: "both"
              });
          });
      });
  };
  </code></pre>