ul镀铬的悬停问题

Question

我用它来显示下拉菜单。它适用于除Chrome以外的所有浏览器：

html是：

   <ul id="menu">

    <li>
    <a href="#" onclick="return false;">Tasks</a>
         <ul id="hiddenmenu" class="add"> // this is the hidden drop down menu
           <li> [.etc..] </li>
         </ul>
  </li>           
  </ul>

这是CSS：

ul#menu li ul.add {
background: #fff;
border: 1px solid #ccc;
cursor: pointer;
cursor: hand;
left: -9000px;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
width: 150px;
    }

    ul#menu li:hover ul.add, ul#menu li.sfhover ul.add {
left: -81px;
top: 4px;
*top: 12px;
    }

我怎么能在chrome上做这个工作？

Answer 1

我不知道您使用-81px的原因，但是在所有浏览器中，ul向左移动81px的方式与position: absolute, relative, etc相同。话虽如此，您应该为CSS样式指定{{1}}。