Fix webkit glitch with position slider

README.md

@@ -50,9 +50,9 @@ and Firefox. Only tested on OS X.
 
 ## Tested in modern versions of
 
-- Chrome (OS X, Ubuntu) - Perfect
+- Chrome (OS X, iOS, Ubuntu) - Perfect
 - Firefox (OS X) - Perfect
-- Safari (OS X), Chrome & Safari (iOS) - Small glitch with the position handle
+- Safari (OS X, iOS) - Perfect
 
 ## Thanks to
 

winamp.css

@@ -345,6 +345,12 @@ input[type=range]::-moz-focus-outer { border: 0; }
     background-position: -248px 0;
     background-image: url('skins/default/POSBAR.BMP');
     cursor:url('skins/default/POSBAR.CUR'), auto;
+    /*
+     * Fix the strange bug in Safair/mobile-chrome
+     * http://stackoverflow.com/questions/26727769/rendering-glitch-when-manipulating-range-input-value-via-javascript-in-webkit
+     */
+    -webkit-box-sizing: border-box;
+    position: relative;
 }
 #position::-moz-range-thumb {
     height: 10px;