AutocompleteExtender css, показывающий границу, даже если рухнул

Question

Я использую AJAX AutoCompleteExtender на своем веб-сайте ASP.NET и пытаюсь понять, почему граница, или, по крайней мере, это то, что я предполагаю, отображается под моим текстовым полем.

Обратите внимание, что на картинке в левом нижнем углу двух текстовых полей имеется квадрат 1by1px. Что я могу добавить или изменить в своем CSS, чтобы избавиться от этого?

Это мой CSS:

.autocomplete_completionListElement 
{ 
overflow : auto; 
max-height : 200px; 
min-height: 0px; 
border-width: 1px; 
border-style: solid; 
list-style-type : none; 
margin:0px; 
padding: 0px; 
width:auto; 
background: #EBEBEB; 
} 

И это Textbox:

<asp:TextBox ID="txt_PostnaPosta" runat="server" CssClass="tBox" 
    autocomplete="off" AutoPostBack="true"></asp:TextBox> 
<cc1:AutoCompleteExtender 
    ServiceMethod="srch_tboxPosta" 
    MinimumPrefixLength="2" 
    CompletionInterval="100" 
    EnableCaching="true" 
    CompletionSetCount="10" 
    TargetControlID="txt_PostnaPosta" 
    ID="ac_txt_PostnaPosta" 
    runat="server" 
    FirstRowSelected="false" 
    CompletionListCssClass="autocomplete_completionListElement"> 
</cc1:AutoCompleteExtender> 

Не знаю, почему встроенная картина качества картофеля, здесь есть прямая ссылка на ImgurOriginal

Answer 1

ширина границы 1px в данном CSS

.autocomplete_completionListElement 
{ 
    overflow : auto; 
    max-height : 200px; 
    min-height: 0px; 
    border-width: 0px; 
    border-style: solid; 
    list-style-type : none; 
    margin:0px; 
    padding: 0px; 
    width:auto; 
    background: #EBEBEB; 
    }