nested - 嵌套鼠标悬停不起作用

Question

这适用于 FF 但不适用于 IE a 标签上的鼠标悬停不会激活。我希望能够在用户将鼠标悬停在 a 标签上时为其设置类。

 <div class="selects-options" id="dropsort"
                       onmouseover="divshowsort();"
                       style="position: absolute; top: 8px; left: 1px; width: 153px;display:none;"
                       onmouseout="hidesort();">
                     <div class="drop-holder">
                        <div class="drop-list">
                           <ul>
                              <li class="items_selected" id="li1" rel="0">
                                 <a onmouseover="sortclass('li1');"
                                    onclick="divhidesort('R');" href="#">
                                    <span>Relevance</span>
                                 </a>
                              </li>
                              <li class="" id="li2" rel="1">
                                 <a onmouseover="sortclass('li2');"
                                    onclick="divhidesort('A');" href="#">
                                    <span>Title A-Z</span>
                                 </a>
                              </li>
                              <li class="" id="li3" rel="2">
                                 <a onmouseover="sortclass('li3');"
                                    onclick="divhidesort('D');" href="#">
                                    <span>Newest</span>
                                 </a>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>