I have a programmatic slider in my application. All works well in FF2, but it displays and behaves differently in IE based on whether there is a DOCTYPE defined or not. Since the app uses GFX, I don't have a DOCTYPE, else GFX doesn't work correctly in IE (VML issue, Eugene is aware of this one).

So here are the issues:
If using DOCTYPE:
- The slider looks like the one in FF, but its taller (247px) than the specified height (200px).

If DOCTYPE is removed
- The slider is now shorter (194px) than the specified height (200px), also it is narrower, basically, the LAF of the slider is different.
- When using the increment button, on increasing the value, when the slider reaches the max value, the whole slider bar moves down. You have to click just below the slider control button to fix it.

Here's the simple code:

  
    
    IE Slider Issues
    
        @import "../../../js/dojo1.0.2/dijit/themes/tundra/tundra.css";
    
    
    
      dojo.require("dojo.parser");
      dojo.require("dijit.form.Slider");
       
      function init() {
        var slider = new dijit.form.VerticalSlider({
          id:"verticalSlider", value:1, minimum:0, maximum:4, discreteValues:5,
          clickSelect: true, intermediateChanges:true,
          style: "position:absolute; left:30px; top:30px; height:200px"
        }, dojo.byId("verticalSlider"));
        slider.startup();
      }
      
      dojo.addOnLoad(init);
    
  
  
    

  

thanks
Jayant