javascript doesn't work in firefox
<p>JavaScript:</p>

<pre><code>$(window).scroll(function(){
    if  ($(window).scrollTop() == $(document).height() - $(window).height()){
        $('#footer').show();
    }
});
</code></pre>

<p>CSS:</p>

<pre><code>#footer {
    display: none;
}
</code></pre>

<p>This is supposed to reveal a hidden <code>div</code> at the bottom of a page when scrolled all of the way down to the bottom. For some reason, the hidden <code>div</code> never gets shown in Firefox. Is there another method using jQuery to create the same effect?</p>

<p>EDIT: Here's the page where it's not working correctly in Firefox</p>

<p><a href="http://safe.tumblr.com/theme/preview/34069" rel="nofollow">http://safe.tumblr.com/theme/preview/34069</a></p>
