title: How to make custom scrollbars show in all browsers?
body: <p>I am using a simple code for a color customized scrollbar:</p>
  
  <pre><code>&lt;style type="text/css"&gt;  
  &lt;!--
  BODY
  {
      scrollbar-face-color: #000000;
      scrollbar-highlight-color: #000000;
      scrollbar-3dlight-color: #000000;
      scrollbar-darkshadow-color: #000000;
      scrollbar-shadow-color: #000000;
      scrollbar-arrow-color: #FF99FF;
      scrollbar-track-color: #FFCCFF;
  }
  --&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>And it doesn't work in chrome, but it does in IE and not sure about other browsers.  I am using chrome as my main browser, I have seen this issue on other websites as well but was wondering if there was any way around it?  </p>
  
  <p>There is a way to create semi-opacity divs/boxes that work in all browsers these days with special scripts, so was wondering if there was a solution like that for the scrollbars?</p>
  
  <p>Thanks! </p>