[Solved] CurrencyTextBoxFor Values Overlap in IE 8

[Maggie]

I have a page in the application where the values overlap, shown in the attached picture. The issue seems to be happening on IE 8. I cannot reproduce it in Chrome or Firefox. 

There are several controls that are formatted like this: 
<span class="editor-field editor-cost">
                @Html.Telerik().CurrencyTextBoxFor(model => model.Inventory.PercentCost).DecimalDigits(2).MinValue(0).MaxValue(99999.99m).InputHtmlAttributes(new { style = "width:100%", maxlength = 8, type = "number" }).Spinners(false)
                @Html.ValidationMessageFor(model => model.Inventory.PercentCost
)
            </span>


This is the code in the Currency.cshtml page: 

@model decimal?

@(Html.Telerik().CurrencyTextBoxFor(m => m)
      .InputHtmlAttributes(new {style="width:100%", maxlength=6})
      .MinValue(0)
)

Any ideas?