title: jQuery .height() outputting same value as .scrollHeight on div with overflow:auto (IE8)
body: <p>After routing around many other questions I have not found an answer that fixes my problem.</p>
  
  <p>I am writing a script to find out whether the div is overflowing. But when trying to retrieve the visible height with <code>jQuery.height()</code>, <code>jQuery.innerHeight()</code> or <code>JavaScripts offsetHeight</code>. I am given the value of the whole <code>div</code> (Including the part which is overflowing) i.e: the same value as scrollHeight.</p>
  
  <p>The containing DIVs style:</p>
  
  <pre><code>{
      overflow-x: hidden;
      overflow-y: auto;
      width: 73%;
      bottom: 0px;
      float: left;
      height: 100%;
      top: 0px;
  }
  </code></pre>
  
  <p>I've created a mock up of the scenario on jsFiddle: <a href="http://jsfiddle.net/Lukedturnbull/L2bxmszv/3/" rel="noreferrer">http://jsfiddle.net/Lukedturnbull/L2bxmszv/3/</a>  (Make sure to make the preview screen smaller to create the scroll bar)</p>