asp.net - 在 IE8 中输入的下拉菜单中显示在 img 顶部的文本

Question

我在下拉菜单之前有一个输入，它充当下拉菜单的 UI

<input type="text" value="" name=" " class="txtfield">
<asp:DropDownList runat="server" ID="ddAMT" SkinID="Form" DataSourceID="LDSAMT" DataTextField="xyz" DataValueField="ABC" Width="220px" CssClass="dd" AppendDataBoundItems="true" AutoPostBack="true" OnSelectedIndexChanged="index">
</asp:DropDownList>

.txtfield{
background: url("img.png") no-repeat scroll 98% center #fff;
position: absolute;
width: 175px;
border-radius: 4px;
padding-right:26px;
overflow:hidden;}

.dd{
background-position: left center;
height: 32px;
opacity: 0;    
filter: alpha(opacity = 0);
padding-left: 5px;
text-align: left;
width: 209px;
position : relative;
z-index : 10;
display:inline-block;}

我的问题是，在 IE8 中，如果下拉选项文本更多，则将显示文本的文本框位于图像顶部直到完整宽度，它不应该发生，因为 padding-right 被赋予输入。它在 FF，Chrome 中运行良好，即它在 img.png 之前隐藏文本