Slider and width of the handle

Slider and width of the handle


Hello,
I'm using the Slider widget as scrollbar to scroll some overflow:
hidden; content. For the right look on the scrollbar I want the ui-
slider-handle to have a different width depending on the amount of
content in the container. The problem I'm running in to is that the
handle can be scrolled out if its parent.
Example: http://dump.birdy.nu/javascript/slider/
As you can see when ui-slider-handle has left: 100% it is outside of
the box. It appears that the demos on: http://jqueryui.com/demos/slider/
have a negative margin-left. This works all right for handles with a
width less than 20 pixels or so, but in my demo the handle has a width
of 100 pixels, causing it still to appear very much outside of its
parent.
Any suggestions?