jScrollPane вырезание нижней части прокрутки

Question

вы можете увидеть код here.

JQuery:

$(document).ready(function(){ 
    $('#scroll').jScrollPane({showArrows: true}); 
}); 

CSS:

#scroll { 
    width: 50%; 
    height: 200px; 
} 
.jspTrack { 
    background-color: lightgreen; 
    border: 1px solid green; 
} 
.jspArrowUp, .jspArrowDown { 
    background-color: #009933; 
    border: 1px solid lightgreen; 
} 
.jspArrowUp.jspDisabled, .jspArrowDown.jspDisabled { 
    background-color: lightgreen; 
    border: 1px solid green; 
} 
.jspDrag { 
    background-color: #009933; 
    border: 1px solid lightgreen; 
} 

Всякий раз, когда он загружает, четверть нижней стрелки получает отрезана.

Пожалуйста, помогите ??

Answer 1

Я отредактировал jsFiddle: http://jsfiddle.net/n8Xgz/24/

$('.jspTrack').css('height', '166'); 
$('.jspArrow').css({ 
    'position':'relative', 
    'zIndex':'999', 
    'height':'14px' 
});