asp.net - Text displaying on top of img in dropdown with input in IE8 -


i have input before dropdown acts ui dropdown

<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;} 

my issue in ie8, if dropdown option text more, textbox display text goes on top of image till complete width, should not happen padding-right given input. works fine in ff,chrome i.e hides text before img.png


Comments

Popular posts from this blog

php - Calling a template part from a post -

Firefox SVG shape not printing when it has stroke -

How to mention the localhost in android -