Page Scrolling does not goto correct place
<p>Hello I am having a problem with a page scroller.  I am having my javascript scroll within a div that has overflow: hidden; but when it goes to the called #selector it sometimes goes past it or not too it.  I am thinking there is something wrong with my javascript possibly?</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(function() {
        $('.navigation a').bind('click',function(event){
            var $anchor = $(this);

            $('.content').stop().animate({
                scrollTop: $($anchor.attr('href')).offset().top
            }, 1000,'easeInOutExpo');
            event.preventDefault();
        });
    });
&lt;/script&gt;

&lt;div class="navigation" id="menu"&gt;
    &lt;div class="home-link"&gt;&lt;a href="#"&gt;&lt;img src="images/assets/blank.gif" widht="200" height="200" /&gt;&lt;/a&gt;&lt;/div&gt;

    &lt;div class="finder-link"&gt;&lt;a href="#"&gt;&lt;img src="images/assets/blank.gif" width="100" height="100" /&gt;&lt;/a&gt;&lt;/div&gt;

    &lt;div class="prize-link"&gt;&lt;h1&gt;&lt;a href="#prizes"&gt;Prizes&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt;
    &lt;div class="hiw-link"&gt;&lt;h1&gt;&lt;a href="#howitworks"&gt;How It Works&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt;
    &lt;div class="rules-link"&gt;&lt;h1&gt;&lt;a href="#rules"&gt;Rules&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt;
    &lt;div class="media-link"&gt;&lt;h1&gt;&lt;a href="#media"&gt;Media&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt;
    &lt;div class="winners-link"&gt;&lt;h1&gt;&lt;a href="#winners"&gt;Winner's Circle&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt;
    &lt;div class="faq-link"&gt;&lt;h1&gt;&lt;a href="faq#"&gt;Faq&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="content" style="width: 960px; margin: 0 auto; height: 381px; overflow: hidden; font-size: 36px; color: #fff;"&gt;
    &lt;div id="prizes"&gt;Prizes&lt;/div&gt;
    &lt;div id="howitworks"&gt;How It Works&lt;/div&gt;
    &lt;div id="rules"&gt;Rules&lt;/div&gt;
    &lt;div id="media"&gt;Media&lt;/div&gt;
    &lt;div id="winners"&gt;Winners Circle&lt;/div&gt;
    &lt;div id="faq"&gt;F.A.Q.&lt;/div&gt;
&lt;/div&gt;
</code></pre>
