Jquery animate position is not working with margin-top?
<p>I created a <strong><a href="http://jsbin.com/idinob/7/edit" rel="nofollow">jsbin</a></strong> which has a div with labels</p>

<p>And I want to scroll to a specific label.</p>

<p>however it is working correctly only if <code>margin-top</code> is <code>0</code>.</p>

<p>HOwever If I test it with <code>margin-top:100px</code> it is not accurate... <strong><a href="http://jsbin.com/idinob/8/edit" rel="nofollow">http://jsbin.com/idinob/8/edit</a></strong></p>

<p>why is that ? </p>

<p>The animate command is : </p>

<pre><code>$('.d').animate({
    scrollTop: $(".s210").position().top
 }, 200);
});
</code></pre>

<p>And I did use <code>position</code> and not <code>offset</code> because im talking a about a span which is <strong>inside</strong> the div. so we are talking about position and not offset.</p>

<p>it seems that <code>$(".s210").position().top</code> is affected by the margin-top.</p>

<p>why ?</p>
