Javascript 可滚动<；ul>；悬停a时列表返回顶部（<；李>；IE中的元素

我也有同样的问题

只有在IE（包括11）中，我才能滚动我的

• 列表，但当鼠标悬停在
• 元素上时，它会一直滚动到顶部

      <div class="coursedirectory-sub_links">
          <ul>
              <c:if test="${not empty ccList}">
  
                  <c:forEach var="ccMap" items="${ccList}">
                      <li><a href="/web/${ccMap['id']}">${ccMap['title']}</a></li>
                  </c:forEach>
  
              </c:if>
                  <li id="past-courses">Past Courses</li>
                  <c:if test="${not empty pcList}">
                      <c:forEach var="pc" items="${pcList}">
                          <li><a href="/web/${pc['id']}">${pc.title}</a></li>
                      </c:forEach>
                  </c:if>
          </ul> 
      </div>
  
  
  .coursedirectory-sub_links ul {     
      background: none repeat scroll 0 0 #FCFCFC;     
      list-style: none outside none;
      margin-left: 0;
      margin-right: 1px !important;
      position: absolute;    
      z-index: 150;    
      padding: 0px 5px;
      right: -10em;
      max-height: 400px;
      overflow: auto;
      padding-right: 15px; }
  
  .coursedirectory-sub_links ul li{
      text-align:center; 
      border-bottom:1px solid #e2e2e2;
      min-width:130px; 
   } 
  .coursedirectory-sub_links ul li:hover { background-color: #EEEEEE; }
  

  
  
  
  过去的课程
  
  
  .coursedirectory-sub_链接ul{
  背景：无重复滚动0 0#fcfc；
  列表样式：无外无；
  左边距：0；
  右边距：1px！重要；
  位置：绝对位置；
  z指数：150；
  填充：0px 5px；
  右：-10em；
  最大高度：400px；
  溢出：自动；
  右填充：15px；}
  .coursedirectory-sub_链接ul li{
  文本对齐：居中；
  边框底部：1px实心#E2；
  最小宽度：130px；
  } 
  .coursedirectory-sub_链接ul li:hover{背景色：#EEEEEE；}
  

  同样的问题。似乎没有人知道为什么会发生这种情况，因为两个问题都没有得到回答。