title: how to get a custom scroll in firefox and IE?
body: <p>I am using a custom scroll which works fine in chrome...but it does not work in Firefox or IE9.</p>
  
  <p>This is the CSS:</p>
  
  <pre><code>    ::-webkit-scrollbar {
      width: 7px;
      height: 1px;
  }
  
  ::-webkit-scrollbar-thumb    
  {
      height: 1em;
      background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 240, 240)), to(rgb(250, 250, 250)));  
      -webkit-border-radius: 5px;  
  } 
  
  ::-webkit-scrollbar-button:end:increment {
     background:url(../images/down.png) center no-repeat;
  }
  
  ::-webkit-scrollbar-button:start:decrement
  {
     background:url(../images/up.png) center no-repeat;
  }
  </code></pre>