How do I remove horizontal scrollbar padding (Firefox)?

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 an开发者_运维百科d 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

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