When I Set Width="100%" , the containerWidth no equal as the width of webdropwodn. 

<table width="600px" align="center" border="1">

                        <tr>

                            <td style="width:20%;">

                                <asp:Label ID="lbl1" runat="server" Text="Normal DDL"></asp:Label>

                            </td>

                            <td >

                                <asp:DropDownList ID="ddlNormal" runat="server" Width="100%"></asp:DropDownList>

                            </td>

                        </tr>

                        <tr>

                            <td>

                                <asp:Label ID="Label1" runat="server" Text="Infragistric DDL"></asp:Label>

                            </td>

                            <td>

                                <ig:WebDropDown ID="WebDropDown1" runat="server" Width="100%" 

                                    EnableAnimations="false" DropDownContainerWidth="100%" 

                                    DisplayMode="DropDownList">

                                </ig:WebDropDown>

                            </td>

                        </tr>

                    </table>

I try modify the ig_dropDown.css as below but it bring unexpected container width to me too..

.igdd_DropDownListContainer

{

background-color:White;

border:solid 1px #BBBBBB;

float: left;

width:100%;

}

Any Idea to make the container width exactly equal as the webdropdown width when Width="100%"?