DDL not rendering properly in IE on page load

See more:

C#

ASP.NET

CSS

Hi All,

I was hoping if anyone could help me with this strange issue that I am facing with dropdownlist rendering.

This is how it looks when the page is loaded.

But when I click/select it looks as I want it to look on load

This is how it looks on click/select


But this works fine on other browsers. The issues is only with IE 8/9 (havnt tried lower versions of IE)

Thanks and best wishes!

[Edit - adding OPs code]

input[type=text], input[type=password], input.text, input.title, textarea, select
{
    font-family: Arial, Helvetica, sans-serif;    
    font-size: 0.9em;
    border-style: inset;
    border-width: thin;
    vertical-align: middle;
}
select
{
    padding: 5px;   
}

This is the DDL code

<asp:DropDownList ID="ddlTest" runat="server" DataSourceID="ODSTest" DataTextField="Test_Name" DataValueField="Test_ID" AutoPostBack="true" AppendDataBoundItems="true"                     OnSelectedIndexChanged="ddlTest_SelectedIndexChanged" Width="30%" >
<asp:ListItem Value="-1">--View All--</asp:ListItem>
</asp:DropDownList>