jQuery position().left, offsetLeft returning hugely different values in chrome and firefox
<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>
