title: How to find offsetTop relative to parent, not window top?
body: <p>My question is fairly straightforward: How can you find the <code>offsetTop</code> of a child element compared to it's parent element (rather than the window top)? </p>
  
  <p>The definition of <code>offsetTop</code> states that the property will return the value by which a child element is offset from the top of an <code>offsetParent</code>, but this doesn't seem to be the case in this JSFiddle: <a href="http://jsfiddle.net/h5KBK/" rel="nofollow">http://jsfiddle.net/h5KBK/</a>. </p>
  
  <p>My goal is to find the offset of the bolded orange text from the top of the scrollable div, not the window top. Is there any way to do this without calculating the heights of the above elements, paddings, margins, etc. and subtracting it from the <code>offsetTop</code>? </p>
  
  <p>I'm looking for a JavaScript only solution. No jQuery please.</p>