title: Scrollbar over content
body: <p>I want to make transparent scrollbar that should be placed over div with content. <strong>Only css and only webkit browsers</strong>.
  It must look like <a href="http://lab.cubiq.org/iscroll/examples/simple/" rel="noreferrer">example</a>. My <a href="http://codepen.io/anon/pen/uidwz" rel="noreferrer">code</a>. The problem is that scrollbar moves content to the left. How to make it look like in example? Thank you for replies. </p>
  
  <pre><code>div{
    width:410px;
    height:100px;
    overflow-y:scroll;
    border:1px solid green;
    position:relative;
  }
  
  ::-webkit-scrollbar{
    width:20px;
    position:absolute;
    right:20px;
    z-index:100;
  } 
  
  ::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,1);
    border-right:10px solid white;
  }  
  </code></pre>