Slider advancing with mouse click in Safari 3 & 4
Hello,
Using Safari 3 & 4 whenever the ui-slider-horizontal selector has more
than the height property (i.e. width and/or float) clicking on the
slider handle advances the slider one step. Stranger still is that the
handle only advances for the first three mouse clicks. After the third
click the left border of the slider handle is even with the horizontal
slider box..
.ui-slider-horizontal { height: 40px; } /* No problems */
.ui-slider-horizontal { height: 40px; width: 225px; } /* Problem */
.ui-slider-horizontal { float: left; height: 40px; width: 225px; } /*
Problem */
.ui-slider-horizontal { float: left; width: 225px; } /* Problem */
There's nothing fancy with the slider element. It's just a div with an
id. The options being used for the slider element are
range: "min", value: 0, min: 0, max: 100, step: 1
Any ideas?