Hide "Horizontal" Scrollbar but still be able to scroll
<p>I need some help with hiding my horizontal scrollbar and still able to scroll. I have used webkit but does not work in IE and firefox. I have seen a lot of help with vertical scrollbar, but does not work with horizontal. Any help?</p>
<p>Update:
I have created a JSFiddle to show my problem. I want to hide the horizontal scrollbar and still able to scroll without using</p>
<pre><code> ::-webkit-scrollbar { 
      display: none; 
   }
</code></pre>
<p><a href="http://jsfiddle.net/o1xoh9w8/1/" rel="nofollow noreferrer">http://jsfiddle.net/o1xoh9w8/1/</a></p>