title: How do I remove horizontal scrollbar padding (Firefox)?
body: <p>To make a table scroll with a static header I added the following:</p>
  
  <pre><code>tbody.scrollContent {   
      height: 300px;
      overflow:auto;
  
  } 
  </code></pre>
  
  <p>And the html tbody tag has the class:</p>
  
  <pre><code>&lt;tbody class="scrollContent"&gt;  
  </code></pre>
  
  <p>It works well, but it added a horizontal scroll to compensate for the width of the vertical scroll bar. I would like my regualr table back with only the addition of the vertical scroll.  I tried the links below and other things changing the padding and all different widths of the table (td, thead, th, tr, etc) . It wont go away! Any help is greatly apreciated.<br>
  Thanks.   </p>
  
  <p><a href="https://stackoverflow.com/questions/250353/internet-explorer-creates-horizontal-scrollbar-for-vertical-scrollbars-width">This one</a><br>
  <a href="https://stackoverflow.com/questions/1400992/i-need-to-remove-the-horizontal-scrollbar-on-an-overflown-div">and this answer seems like they avoided the question?</a><br>
  <a href="https://stackoverflow.com/questions/1203503/browser-scrollbar-shift">and this one</a></p>