最初のモバイルCSSのメニュー項目が正しく配置されないのはなぜですか？

Question

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