Goal: create a nicely styled cross-browser 1 element slider. Tested & works in Firefox 36, 39 (nightly), Chrome 41, 43 (canary)/ Opera 28, 29 beta, IE 11 on Windows 8. CSS-only in Firefox & IE/ not much JS needed for Chrome/ Opera. Lines don't look too good in Chrome 41/ Opera.

Has a couple of nice extras in Chrome/ Opera - the shape of he thumb and the current value displayed on it. This is achieved by using pseudo elements on the thumb. This is something that didn't work until recen