如何在IE 8中展开下拉项目宽度

Question

我希望扩展dropdownitem的宽度而不是控件的实际宽度。我尝试了各种css类和JavaScript，但没有在IE 8中工作，但它在IE 9中运行良好。有没有其他方法可以尝试，可以产生理想的结果。 这是标记

 <asp:Panel ID="Panel1" runat="server" CssClass="Heading" GroupingText="User Time Zone" >
                        <table width="100%" >
                            <tr>
                                <td align="left">
                                   <asp:Label ID="Label1" CssClass="Heading" runat="server" Text="Country:" ></asp:Label><br/>
                                   <asp:dropdownlist id="ddlCountry" runat="server" AutoPostBack="True" CssClass="ddlcountry-dropdownwidth"  OnSelectedIndexChanged="ddlCountry_SelectedIndexChanged"></asp:dropdownlist>    
                                </td>
                                <td align="left">
                                    <asp:Label ID="Label2" CssClass="Heading" runat="server" Text="TimeZone:" ></asp:Label><br/>
                                   <asp:dropdownlist id="ddlZones" Width="250px" runat="server"></asp:dropdownlist>
                                </td>
                            </tr>
                        </table>
                    </asp:Panel>

这是我试过的一个在下拉标记中提到的CSS

   .ddlcountry-dropdownwidth {
         width:130px;
      }

    #ddlcountry-dropdownwidth option {
        background: transparent;
        width: 268px;
        padding: 5px;
        font-size: 16px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        height: 34px;
       -webkit-appearance: none;  
     }