Change jQuery UI slider size

Question

I am using this UI Slider and the size is the some on my site too (not the width but the button's size - demo the bottom of the page).- But here the slider button's size is much nicer, smaller - demo right hand side.

So how can I change the UI Slider button's size? OR How can I add other kind of button e.g. image?

Answer 1

css from example page:

.ui-slider .ui-slider-handle {

    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}

Answer 2

For who is using vertical slider my problem solved by the following:

.ui-slider {
    position: relative;
}