当在IE中悬停<li>元素时，可滚动<ul>列表返回顶部</li> </ul>

Question

我遇到与此guy相同的问题。

仅在IE中，（包括11个），我可以滚动我的＆lt; ul＆gt; li>列表但是当鼠标悬停在＆lt; li>元素，它一直滚动到顶部。

    <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; }