title: jQuery.offset() on <body> element provides incorrect "top" value
body: <p>FIDDLE IS <a href="http://jsfiddle.net/SCGdZ/2/" rel="nofollow">HERE</a> (logs to console)</p>
  
  <p>The situation is when the page starts out with a <code>&lt;H1&gt;</code> that has a margin-top greater than the margin found on <code>&lt;body&gt;</code>. </p>
  
  <p>This causes the <code>&lt;body&gt;</code> to be pushed lower in the page yet <code>$('body').offset().top</code> remains set to the <code>&lt;body&gt;</code>'s margin-top. This of course causes my debug element (which highlights the position of elements) to be incorrect since the body's dummy element is now in the wrong position. </p>
  
  <p>Curiously the rest of the <code>$(elem).offset()</code> values are correct for any descendant of <code>&lt;body&gt;</code>. </p>
  
  <p>Is there a fix for this short of manually checking the margin-top of the recursively first childs of body with a while loop? </p>
  
  <p>Noticing the issue on Safari 6 though I suspect I'll find it on Chrome as well. </p>