title: Custom Webkit Scrollbar Button
body: <p>I am trying to figure out how to make the webkit scrollbar button appear.
  I'm testing this on safari on Mac.</p>
  
  <p>I read these guides but I can't for the life of me figure out how to get a simple button to make it go up and down. I have an image that I was supposed to emulate, but no idea how. Can images be used as buttons?
  Example of image</p>
  
  <p>!(<a href="http://oi62.tinypic.com/28kh76a.jpg" rel="noreferrer">http://oi62.tinypic.com/28kh76a.jpg</a>)</p>
  
  <p><a href="http://css-tricks.com/custom-scrollbars-in-webkit/" rel="noreferrer">http://css-tricks.com/custom-scrollbars-in-webkit/</a></p>
  
  <p>Have this so far..</p>
  
  <pre><code>::-webkit-scrollbar {  
  width: 12px;  
  }  
  
  ::-webkit-scrollbar-track {
  background-color: #fff;  
  }
  
  ::-webkit-scrollbar-thumb {  
  background-color: #81CFCC;  
  height: 10px;
  </code></pre>
  
  <p>but don't know how to get the scroll buttons for up and down.. or how to style them.</p>