Scrolling doesn't go all the way up jquery
<p>As you can see here: <a href="http://jsfiddle.net/huJ95/" rel="nofollow">http://jsfiddle.net/huJ95/</a> The scrolling stops like (5-10 pixels I believe) before the div starts (where the text is -> div starts, so the user would need to scroll up to see the beginning) Why is that? And how can I fix that? HTML/CSS in Jsfiddle ( I think is irrelavant).</p>

<p>JS:</p>

<pre><code> jQuery(document).ready(function($) {
        $("nav").on("click", "a", function(e) {
            e.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
        });
    });
</code></pre>
