Slider styling

[Edward Sudit]

I am having some trouble getting the styling to work on my RadSlider.  Below is the code that I am using, which shows up great at design time, but at runtime, the slider looks very basic and plain.  What can be wrong?

        <telerik:RadSlider ID="rsActivityLevel" runat="server" ItemType="item"
                           Height="50px" AnimationDuration="400" CssClass="ItemsSlider"
                           ShowIncreaseHandle="false" ShowDecreaseHandle="false"
                           ThumbsInteractionMode="Free" >
                           <Items>
                               <telerik:RadSliderItem Text="1-3 Months" Value="1" Font-Bold="true" BackColor="Red" Font-Overline="true" ForeColor="White"/>
                               <telerik:RadSliderItem Text="3-6 Months" Value="2" Font-Bold="true" BackColor="Purple" Font-Overline="true" ForeColor="White"/>
                               <telerik:RadSliderItem Text="6-12 Months" Value="3" Font-Bold="true" BackColor="Aqua" Font-Overline="true" ForeColor="White"/>
                               <telerik:RadSliderItem Text=">12 Months" Value="4" Font-Bold="true" BackColor="Blue" Font-Overline="true" ForeColor="White"/>
                           </Items>
                        </telerik:RadSlider>

[Tsvetie]

Hello Edward Sudit,
In case you can only reproduce the problem in IE and in FF, Opera, Safari, etc., your page looks correct, then you have most probably hit one of the two Internet Explorer CSS limits. You can read more about the problem and the possible solutions in the following blogpost: http://blogs.telerik.com/kamenbundev/posts/10-05-03/internet_explorer_css_limits.aspx.

In case this tip does not help you, please open a new support ticket and send me a running test project, that demonstrates the problem.

Regards,
Tsvetie
the Telerik team