title: Anchor link cutting off the page based on height of absolute positioned element
body: <p>When clicking on an anchor link, it cuts off a portion of the page. Near as I can tell it occurs in all browsers. </p>
  
  <p><a href="http://jsfiddle.net/PJDWs/" rel="noreferrer">http://jsfiddle.net/PJDWs/</a></p>
  
  <p>If you go to that fiddle and click on the link at the top, you will notice that you are unable to scroll up to the top of the page. Effectively part of the page has been removed.</p>
  
  <p>There are a couple things that <em>cause</em> it, but I don't know why they do. If you remove <code>overflow: hidden</code> from the <code>.bodyContent</code> then it does not exhibit this behavior. Also, you will notice that the distance of the cut off is exactly equal to the value of <code>top: XXpx</code> on <code>.stuff</code>. Thus setting <code>top: 0px</code> will fix the problem as well.</p>
  
  <p>The issue is that for the specific design I'm working on, neither of these are options as the element needs to be positioned off the top and the parent needs overflow hidden. But more importantly, why is this occurring, and especially why does it occur across all browsers... it almost seems like it's by design.</p>