title: webkit css scrollbar styling
body: <p>Is there any way of getting rid of the scroll track entirely? Or making it overlay the content rather than pushing it aside? Like iOS/Lion scrollbars?</p>
  
  <p>The following gets pretty close, but even though the track is transparent, the content of the scrollable region is pushed over and the page background shows through.  </p>
  
  <pre><code>::-webkit-scrollbar {  
      width:8px;
      height:8px;
      -webkit-border-radius: 4px;
  }
  
  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-track-piece {
      background-color:transparent;
  }
  
  ::-webkit-scrollbar-thumb {  
      background-color: rgba(053, 057, 071, 0.3);
      width: 6px;
      height: 6px;
      -webkit-border-radius:4px;
  }
  </code></pre>