Actually I misunderstood the issue you were encountering because when I copied your code to somewhere I could test it I inadvertently moved your <script /> tag into the <head> which introduced an issue that wouldn’t occur with the <script /> tag at the end of the body.
The actual issue with the slider created using createSlider is the use of 'relative' positioning. In CSS, relative positioning causes the element to be offset from where in would normally be placed based on block or inline layout. The large y value for the position of you slider (655) is causing it to display off the bottom of the page (if you scroll down a lot you will see it). The precise layout solution for your slider will depend on exactly where you want it to be positioned.