AutoCompleteExtender 在 IE 中隐藏但在 Edge 中工作

Question

我们在我们的项目中使用 AutoCompleteExtender 并且在检查 IE 时我们看不到完整列表，而只是第一个元素。 但是，同一个站点在 Edge/Chrome 中运行良好。 我确实四处寻找，发现列表/下拉列表在那里，但它以某种方式隐藏在后面，并且只有一项数据高度可见。 这是它的外观。

IE：

边缘/铬：

IE 使用元素高亮时：

HTML

<DIV id=Header1_divGotoOrder class=gotoOrder>
     <SPAN id=Header1_lblGlobalGoToOrder class=topicHeader style="COLOR: white">Order:</SPAN> 
     <INPUT id=Header1_hdnGlobalOrderID type=hidden name=Header1$hdnGlobalOrderID> 
     <INPUT id=Header1_txtGlobalOrderKeywords style="WIDTH: 50%" value=metr name=Header1$txtGlobalOrderKeywords autocomplete="off">
     <UL id=Header1_AutoCompleteExtenderGoToOrder_completionListElem class=autocompletegotoorder_completionListElement style="WIDTH: 463px; POSITION: absolute; LEFT: 1405px; Z-INDEX: 1000; DISPLAY: none; TOP: 30px; VISIBILITY: hidden"></UL> 
</DIV>

CSS

.autocompletegotoorder_completionListElement
{
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  position: absolute;
  z-index: 9999 !important;
 
  visibility: hidden;
  margin-left: -1px !important;
  margin-top: 0px !important;
  background-color: #F1F0F0;
  color: windowtext;
  border: buttonshadow;
  border-color: Black;
  border-width: 1px;
  border-style: solid;
  cursor: 'default';
  overflow: auto;
  height: 200px;
  text-align: left;
  list-style-type: none;
}
/* AutoComplete highlighted item */
.autocompletegotoorder_highlightedListItem
{
  list-style-type: none;
  font-family: Tahoma;
  font-size: 11px;
  color: White;
  text-decoration: none;
  background-color: Navy;
  cursor: pointer;
  cursor: hand;
  padding: 0px 0px 0px 3px;
  margin: 0px;
  text-align: left;
  line-height: 20px !important;
}
/* AutoComplete item */
.autocompletegotoorder_listItem
{
  line-height: 20px !important;
  background-color: #F1F0F0;
  padding: 0px 0px 0px 3px;
  margin: 0px;
  font-family: Tahoma;
  font-size: 11px;
  color: black;
  cursor: default;
  text-decoration: none;
  text-align: left;
}