title: HTML/CSS: scroll bar appears below HTML elements
body: <p>In Chrome and Safari, the vertical scroll bar appears below HTML content on the page, like so:</p>
  
  <p><img src="https://i.stack.imgur.com/mGUWJ.png" alt="scroll bar appears below header"></p>
  
  <p>I fiddled with <code>::-webkit-scrollbar</code>, but the closest i could get was change the scroll bar width to <code>0px</code>. The div of that section is:</p>
  
  <pre><code>.displayContent { min-width:620px; width:100%; height:auto; overflow:hidden; }
  </code></pre>
  
  <p>This occurs in Safari (but not mobile Safari on iOS) and Chrome. Firefox is fine. I also tried fiddling with overflow as well, but could not get the results i wants.</p>
  
  <p>Suggestions?</p>