jQuery UI slider handle going out of bounds

Question

I've been able to style it flawlessly but getting it to stay within it's container has been a challenge. The margin-left fix doesn't seem to work for me.

Here's a jsfiddle: http://jsfiddle.net/Erugp/

Answer 1

The solution to this is: You do not need to wrap anything, just set the left-margin of the handle to the negative value of 1/2 of its width. As described in: http://bugs.jqueryui.com/ticket/3893