jquery UI time picker styling odd

jquery UI time picker styling odd

i am using time-picker for my input.
<input type="text" id="stime" name='etime' placeholder='hh:mm'
readonly="true"/>
with the script:
$(function() {
$('#stime').timepicker({hourMin: 8,hourMax: 10});
});
for this i'm using
jquery-1.10.1
jquery-ui with smoothness jquery-ui css
jquery-ui-timepicker-addon with javascript and css.
the problem is the slider for my minute is kind of overlapped on 'e' of
'minute'. looked all the css files. but unable to fix. pls help. (i've
formatted according to me. with the default one also it the minute slider
is same.)