AutoCompleteExtender position is wrong not directly under textbox

问题

My AutoCompleteExtender works except that the extender is in the wrong position it's to far down i tried this link here but it didn't work this is in ie browser

                    <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>

                 <asp:DropDownList ID="DropDownList1" runat="server">
                    <asp:ListItem Value="Email">Email</asp:ListItem>
                    <asp:ListItem Value="UserName">User Name</asp:ListItem>
                </asp:DropDownList>
                       </td>
                        <td>
                 <asp:TextBox ID="TxtSearch" runat="server"></asp:TextBox>
                <ajaxToolkit:AutoCompleteExtender ID="AutoComplete1" runat="server" BehaviorID="AutoCompleteEx"
                    TargetControlID="TxtSearch" ServicePath="~/CMSWebServices/MemberService.asmx" ServiceMethod="SearchUsersByName"
                    MinimumPrefixLength="2" CompletionInterval="500" EnableCaching="true" CompletionSetCount="12" CompletionListElementID="TxtSearchPosition">
                </ajaxToolkit:AutoCompleteExtender>   
                <ul id="TxtSearchPosition"></ul>

                        </td>
                        <td>
                 <asp:Button ID="ButtonSearch" runat="server" Text="Search" />

                        </td>
                    </tr>
                </table>

来源：https://stackoverflow.com/questions/9288125/autocompleteextender-position-is-wrong-not-directly-under-textbox