title: Dojo Horizontal Slider displays over labels
body: <p>I'm working on setting up a <code>dijit.form.HorizontalSlider</code> with labels and a rule and I can't get the display to work properly. The slider is displaying over top of the rule and the labels. I can see that the div's that the labels and rule are placed in have no height property to I'm guessing that's what my problem is, but I can't seem to fix it.</p>
  
  <p>Here's the code...</p>
  
  <pre><code>//create a div for the rule in my inner node div
  this.ruleDiv = dojo.create("div", {}, dojo.byId("ruleDiv"), "first");
  this.getInnerNode().appendChild(this.ruleDiv);
  
  //create a div for the labels in my inner node div
  this.labelsDiv = dojo.create("div", {},dojo.byId("labelsDiv"), "first");
  this.getInnerNode().appendChild(this.labelsDiv);
  
  //create the rule object
  this.sliderLabelsRule = new HorizontalRule({
      container: "topDecoration",
      count: 10
  }, this.getLabelsRuleDiv());
  
  //create the labels object  
  this.sliderLabels = new HorizontalRuleLabels({
      container: "topDecoration",
      labelStyle: "font-size: 10px;",
      labels: ["test0", "test1", "test2", "test3", "test4", "test5", 
               "test6", "test7", "test8", "test9"]
  }, this.getLabelsDiv());
  
  //create the slider   
  this.slider = new Slider({}, this.getInnerNode());
  
  //startup the widgets
  this.getSlider().startup();
  this.getLabelsRule().startup();
  this.getLabels().startup();
  </code></pre>
  
  <p>I've tried swapping things around and trying this a bunch of different ways, but I can't seem to find the right combination, any help is appreciated!</p>