title: Body height changes as I scroll down
body: <p>I was looking to find the top position of my footer. I have tried:</p>
  
  <pre><code>$('#footer').offset().top
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$(document.body).height() - $('#footer').height()
  </code></pre>
  
  <p>Both of these gave me the same answer but the wrong answer. I have noticed that as I scroll past a certain point in the document the body height (as viewed in Firebug layout) changes from 5699 to 11506.</p>
  
  <p>I have tried setting:</p>
  
  <pre><code>body { min-height: 100% }
  head { height : 100% }
  </code></pre>
  
  <p>with no success.</p>
  
  <p>My question is why does the body height change and how can I determine the real height of my body or document (or the top position of my footer)?</p>
  
  <p>*Update: weirdly this appears to now work on my Windows >> Firefox &amp; Chrome browsers, but is out by nearly double on my OSX >> Firefox &amp; Chrome browsers. Any ideas?</p>