How to position zoom slider in UR corner (override default style)

[DirkVandervoort]

I've got a map dijit - by default the simple zoom slider (+/-) is in the upper left corner. I want to place it in the upper right corner. According to the documentation I can use this in my CSS:

.esriSimpleSliderTL {

    top: 50px;

    right: 50px

}

Unfortunately all this does is stretch the zoom slider. Like this:

Try it here: http://jsfiddle.net/bEwcD/3/

How to I get that zoom slider 50px by 50px from the upper right?

TIA

[RobertScheitlin__GISP]

Dirk,

  you have to unset the left constraint.

.esriSimpleSliderTL {
    right: 50px;
    top: 50px;
    left: unset;
}

[DirkVandervoort]

Close but not quite there yet. Turns out that unset is not supported in IE, Safari, and Opera.

unset - CSS | MDN

[RobertScheitlin__GISP]

Dirk,

  OK to make it work in browsers that don't support "unset" use "auto"

.esriSimpleSliderTL {
  right: 50px;
  top: 50px;
  left: auto;
}