[jQuery 1.3.1 + jQuery UI 1.6rc6] Slider problem...

[jQuery 1.3.1 + jQuery UI 1.6rc6] Slider problem...


Hello~ I am using jQuery 1.3.1 + jQuery UI 1.6rc6 for the slider in my
page.
I used the following coding to init the slider:
// JS Coding
$(document).ready(function(){
$('#myslider').slider({ min: 0, max: 7, step: 1 });
});
<!-- HTML Coding -->
<div id="myslider" style="width: 80px;"></div>
/* CSS */
.ui-slider-handle{
background: url(myhandle.png) 0 0 repeat-x;
width: 10px;
}
So, there should be 8 steps for this slider.
But I found that the handle moved outside the rail when the value is
7.
In firefox firebug console, I discovered that the handle increase the
css left property for 14.28% ( 100% / 7 ) on slide.
It should be increase 12.5% ( 100% / 8 ) instead. Also, when value
equals to 7, the left property should be ( 7 / 8 * 100% )
Thanks a lot for help~