Slider Handle Mis-Aligned

[Tyler]

I'm using a very basic <telerik:RadSlider> implementation, however the display is off and I can't figure out why. The slider is in a .ascx User Control that's loaded into a PageView dynamically, almost identical to  this example.

<telerik:RadSlider runat="server" ID="rsCommission" Skin="Silk" AnimationDuration="0"></telerik:RadSlider>

[Tyler]

Apologies, didn't mean to post that so quickly.

The handle for the slider appears to be shifted to the left, overlapping the decrease button. Additionally, this happens on the opposite end as well - when dragging the slider to it's maximum, the handle falls short of the end by the same amount.

I've attempted to solve this by using step 2 of this post but to no avail:

<telerik:RadSlider runat="server" ID="rsCommission" Skin="Silk" AnimationDuration="0" EnableEmbeddedBaseStylesheet="false"EnableEmbeddedSkins="false"></telerik:RadSlider>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
   <StyleSheets>
        <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Slider.css" />
        <telerik:StyleSheetReference Assembly="Telerik.Web.UI"Name="Telerik.Web.UI.Skins.Silk.Slider..css" />
   </StyleSheets>
</telerik:RadStyleSheetManager>