CSS - Giving the UI-Slider and border?

CSS - Giving the UI-Slider and border?


Hi,
I'm fairly new to CSS and have been trying to get a border on my
Sliders. Rather than change the UI-CSS file I'm adding a line to my
general css with the !important tag. (I'm doing this as I want to keep
the UI one unchanged so I can apply a different theme if needed
without having to edit anything afterwards).
The line I've added in my general style.css is:-
.ui-slider.ui-widget-content { border: 1px solid #959595 !important;}
and this works fine in FF (a border on my sliders) but in IE
everything that is linked in any way to the ui.widget-content now has
a border (accordians, ui-layouts etc).
Any help in getting the desired result in IE and setting me straight
on what must be a misunderstanding on my part would be greatly
appreciated.
In hope....
Regards
Nymor