So far, I tried replacing the HorizontalSlider thumb image by editing the tundra.css file. My image is 8px wide, 14px tall (versus the default image of 16px by 16px).

I changed the CSS entry ".tundra .dijitHorizontalSliderImageHandle" with the new image size and url. I also changed the CSS entries ".tundra .dijitSliderFocused .dijitHorizontalSliderImageHandle", and ".dj_ie6 .tundra .dijitHorizontalSliderImageHandle" with the new image url.

After making these changes, my slider can only be incremented to the 90% point of the slider bar (visually). In other words, I cannot move the slider thumb all the way to the right end of the slider bar.

Any ideas? Is there a better way to modify the slider thumb image?