为什么第一个移动css菜单项位置不正确？

Question

我创建了自己的CSS移动菜单，类似于slicknav，但没有所需的javascript。一切正常（3级菜单），但菜单中的第一项不是所有其他项目。

.menuV
{
     margin: 0; /*width: 100%;*/ float:none;
    width:130px;
    position:relative;
    z-index:4;
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
    top:26px;
    left:-53px;
    display:none;
    border: 2px solid #DDD;
    background: #FFF;    

}

.menuV li
{
    padding: 0;
    height: 36px;
    position: relative;    
}

我创建了一个包含所有ul li菜单项和所有css的jsfiddle https://jsfiddle.net/hLene9a3/。悬停/下拉列表的css太长，无法在此处发布。

非常感谢任何帮助。

Answer 1

我不知道是什么导致了这种情况，但我确定了这个位置：绝对正确。我虽然可以在这里测试FF。试着把它放在你的CSS上。

#menuFile > a{position:absolute;}