nested - ネストされたマウスオーバーが機能しない

Question

これは FF では機能しますが、IE では機能しません。タグのマウスオーバーはアクティブになりません。ユーザーがタグの上にマウスを置いたときにタグのクラスを設定できるようにしたい。

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