html - css，匹配菜单顶部

Question

我想知道是否可以通过纯 css 来做到这一点。

请检查我的例子http://jsfiddle.net/fantill/72xjU/1/

现在，当我将鼠标悬停在菜单上时，子菜单将显示在悬停菜单的旁边。

我想设置，所有子菜单的顶部匹配二级菜单的顶部。

--------------------------------------------------
|                                                |
|                                                |
--------------------------------------------------
|         |              |  <- 2nd one is selecting
|/////////|              |  <- top match 1st sub menu top
|         |              |  
----------|              |
          |              |
          |              |
          ----------------

非常感谢您的建议。

Answer 1

没那么复杂。实际上，您只需要从子菜单的列表元素中删除相对位置即可。 updated fiddle在这里:

.MM ul ul li {
   position:static;
}