title: CSS vertical scrollbar padding left/right in UL possible?
body: <p>Is it possible to add padding or margin around the scrollbar item or scrollbar-track?  I've tried and can only get padding top/bottom.  Adding padding to the UL has no effect on scrollbar.  Negative margins on scrollbar have no effect.  Ideas?  <a href="http://jsfiddle.net/9z2qy/">JS Fiddle here</a>.</p>
  
  <pre><code>::-webkit-scrollbar {
  width: 12px;
  margin:10px;
  }
  
  ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px
  }
  
  ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255,0,0,0.8); 
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
  }
  ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255,0,0,0.4); 
  </code></pre>