title: Using css to hide scrollbar but enable scroll on Firefox
body: <p><br>
  Hello everyone, I want to make a navbar like apple.com on phone screen. <br>
  Now, I success make that on Safari and Chrome, and run well on both of them. <br></p>
  
  <p>Code on <a href="http://jsfiddle.net/me09ag6k/" rel="nofollow">jsfiddle</a>
  <br>
  Main css like this:
     </p>
  
  <pre><code>    ul::-webkit-scrollbar { 
          display: none; 
      }
      ul{
          margin: 0px;
          padding: 0px;
          height: 70px;
          list-style-type:none;
          white-space:nowrap;
          overflow-x:auto;
          font-size: 0px;
      }
      li{
          display:inline-block;
          background-color: gray;
          font-size: 20px;
          margin: 0px;
          padding: 0px;
      }
  </code></pre>
  
  <p><br></p>
  
  <p>On Chrome and Safari, the scroll bar of x can hide, but on Firefox can't.
  <br>
  Can I fix it ane run on Firefox?
  If have some solution, please let me know, thanks a lot .</p>