Remove jquery slider bar outer border

Question

Im trying to remove the outer border of the bar and cant seem to figure it out no matter what. Ive looked a the others on what to do and ive tried. Here is my sample

<div id="vertical-slider"></div>

.ui-slider .ui-slider-handle {

margin-left: .2em;
cursor: hande;

position: absolute;
height: 1.em;
width: 1.em;
z-index: 2;

outline: 0px;
outline: none; 
}
.ui-slider .ui-slider-handle:focus { outline: none; }
.ui-slider-handle { outline: none; }

I know this is probably one of those "damn was that all it took" solutions :D

Answer 1

#vertical-slider {
    border:0;
}

Worked for me

jsFiddle example

Answer 2

Is this what you mean?

#vertical-slider.ui-slider {
    border: 1px solid transparent;
}

http://jsfiddle.net/pw5nj/3/