How do I remove horizontal scrollbar padding (Firefox) ?

Question

To make a table scroll with a static header I added the following:

tbody.scrollContent {   
    height: 300px;
    overflow:auto;

}

And the html tbody tag has the class:

<tbody class="scrollContent">

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.
Thanks.

This one
and this answer seems like they avoided the question?
and this one

Answer 1

overflow-x and overflow-y are supported by IE5+/Win, Firefox 1.5+ (Mozilla 1.8+), and Safari 3+.

tbody.scrollContent {width:300px;height:300px;overflow-x:auto;overflow-y:hidden;}

let me know how it goes