Версия Python, поставлющаяся с Snow Leopard Mac OS X?

ручка выходит точно по своей ширине за желоб

Точнее, точно половина его ширину, поэтому он на самом деле не выходит за край ползунка. При правильном выравнивании снимков экрана вы увидите, что центр ручки находится в конце ползунка, как я и ожидал, для очень точной настройки. Когда слева 0%, а справа 100%, тогда ручка должна немного переместиться за конец, чтобы можно было выбрать эти 100%.

То же самое и при увеличении ручки. Когда в вашем случае ручка перемещается на больше , чем на половину своей ширины по правому краю, тогда я предполагаю, что она выходит на меньше , чем половина слева? Когда немного поигрался с CSS , я получаю тот же эффект с огромными ручками, например:

.ui-slider-horizontal .ui-state-default {
  /** Defaults: 
      margin-left: -0.6em;
      top: -0.3em;
  */
  width: 69px;
  height: 140px;
  margin-left: -39px;
  top: -68px;
}

Еще лучше показано стрелкой, что-то вроде хака:

.ui-slider-horizontal .ui-state-default {
  width: 40px;
  margin-left: -20px;
  top: 15px;
  background-color: white;
  background-image: url('http://i.stack.imgur.com/ObK9i.png');
  background-repeat: no-repeat;
  border: 0;
}

Однако , Что касается использования вами в качестве полосы прокрутки , см. Демонстрацию полосы прокрутки , которая, кажется, делает то, что вы хотите? Используйте ползунок для управления позиционированием содержимого на странице. В этом случае он действует как полоса прокрутки с возможностью захвата значений при необходимости.