title: Custom scrollbars on iOS 5 webkit not working
body: <p>I have a web page with a inner div that should be scrolled. That works fine in IOS5, but when I customize the scrollbars is still see the native one? </p>
  
  <ol>
  <li>How can native scrollbars be removed when using custom ones?</li>
  <li>The custom scrollbars seems also only to be updated after scroll complete, how to get them scroll when you are dragging the div?</li>
  </ol>
  
  <p>What I've tried: </p>
  
  <pre><code>::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  }
  
  #info{
     overflow: scroll;
     -webkit-overflow-scrolling: touch;
     height: 400px;
  }
  </code></pre>