Slider

I am testing the slider and I have it working reasonably well, but the graphic of theslider disappears on the right side. It goes about 75% and then it seems like there is a hidden textbox or something that it goes behind. The cursor turns into an i-bar.

Is there a minimum length of the slider. I have it set to 100.

Thanks

Here is code:

  <div id="sliderBoxBack" style="position: relative; top: 0px; left: 0px; height: 60px; width:150px;
                                                                        background-image: url('../Images/SliderBackground.png'); z-index: 3" >
                                                                        <center>Simulated media impressions:</center>

                                                                        <input type="text" name="inptMediaImpressions" readonly="true" style="width: 20px; text-align:center"
                                                                        id="inpt_MediaImpressions" class="gvMktgData" />
                                                                    <div id="sliderBox" style="position: relative; top: 20px; left: 0px;
                                                                        height: 60px; width: 100px; z-index: 4" onmouseup="sliderupdate('inptMediaImpressions');">
                                                                    </div>
                                                           
                                                                    <script>
                                                                        var sliderMin = document.getElementById('<%=sleMediaImpressionsMin.ClientID %>').value;
                                                                        if (sliderMin === null) {
                                                                            sliderMin = 0;
                                                                        }
                                                                        var sliderMax = document.getElementById('<%=sleMediaImpressionsMax.ClientID %>').value;
                                                                        var sliderCurrent = document.getElementById('<%=tbxMediaImpressions.ClientID %>').value;
                                                                        var sliderMI = new dhtmlxSlider("sliderBox", {
                                                                            skin: "dhx_skyblue",
                                                                            min: sliderMin,
                                                                            max: sliderMax,
                                                                            step: 1,
                                                                            size: 100,
                                                                            vertical: false,
                                                                            value: sliderCurrent
                                                                        });
                                                                        sliderMI.linkTo("inptMediaImpressions");
                                                                        sliderMI.init();
                                                                    </script>

Slider uses actual size of the container in which it was initialized.
Runing the above code locally results in valid page, maybe you have some styles which are affecting sizing of the slider’s container.