Slider Binding draggable object

Slider Binding draggable object


I got a few things hopefully i can get some help.
I've got a slider with a range in which i'm binding a object(div) to,
the problem i have is that if i move one of the handles past the
binded div the object doesn't move with the handle until i release the
handle and click on the binded object(div) which snaps back into place
within the binding area.
url so you can see and test
http://dayjet.williamworley.com/slider/
Move one handle past the green bar ( which is binded to the slider
range) release and if you move the green bar it's actually binded
correctly (will not move outside of the slider range) but if you move
the handle back to the right past it the green bar doesn't move with
it until you click the green bar.
Also i'm using the latest slider js but i can't seem to get the
startValue [1, 10] to work any ideas?
Thanks
William