title: how to use custom Scrollbar in firefox?
body: <p>how to use custom Scrollbar in firefox?? i am using this but not working..</p>
  
  <pre><code>@-moz-document url("chrome://browser/content/scratchpad.xul"),
  url("chrome://stylish/content/edit.xul") {
      scrollbar,
      scrollbar thumb,
      scrollcorner {
         -moz-appearance:none!important;
         background:none!important;
         border:none!important;
         min-height:9px!important;
         min-width:9px!important;
      }
  
      scrollbar thumb {
         background:rgba(0,0,0,.2) padding-box!important;
         border:1px solid rgba(0,0,0,.6)!important;
         border-radius:3px!important;
      }
  
      scrollbar thumb:-moz-any(:hover, :active) {
         background:rgba(0,0,0,.8) padding-box!important; /* Why doesn't :active work? */
      }
  
      scrollbar scrollbarbutton {
         visibility: collapse !important;
      }    
  }
  </code></pre>