title: AutoCompleteExtender position is wrong not directly under textbox
body: <p>My AutoCompleteExtender works except that the extender is in the wrong position it's to far down 
  i tried this link <a href="https://stackoverflow.com/questions/8338855/autocompleteextender-position-is-wrong-in-webkit">here</a> but it didn't work this is in ie browser</p>
  
  <pre><code>                    &lt;table border="0" cellpadding="0" cellspacing="0"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
  
                   &lt;asp:DropDownList ID="DropDownList1" runat="server"&gt;
                      &lt;asp:ListItem Value="Email"&gt;Email&lt;/asp:ListItem&gt;
                      &lt;asp:ListItem Value="UserName"&gt;User Name&lt;/asp:ListItem&gt;
                  &lt;/asp:DropDownList&gt;
                         &lt;/td&gt;
                          &lt;td&gt;
                   &lt;asp:TextBox ID="TxtSearch" runat="server"&gt;&lt;/asp:TextBox&gt;
                  &lt;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"&gt;
                  &lt;/ajaxToolkit:AutoCompleteExtender&gt;   
                  &lt;ul id="TxtSearchPosition"&gt;&lt;/ul&gt;
  
                          &lt;/td&gt;
                          &lt;td&gt;
                   &lt;asp:Button ID="ButtonSearch" runat="server" Text="Search" /&gt;
  
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
  </code></pre>