title: Apply Border-Radius To Scrollbars with CSS
body: <p>To put it simple, this is what i want (obtained on a Webkit Browser using <em>-webkit-scrollbar</em>) :</p>
  
  <p><img src="https://i.stack.imgur.com/0cO4W.png"> </p>
  
  <p>And this is what I get on Opera (Firefox doesn't apply the border radius to the scrollbar either, but still applies the border) :</p>
  
  <p><img src="https://i.stack.imgur.com/KML0L.png"></p>
  
  <p><strong>Is there a simple way to make the border not disappear under the scrollbar ?</strong></p>
  
  <p>I dont need the fancy style of <em>-webkit-scrollbar</em> but i would like the page to look clean and symmetric...</p>