css - 最初のモバイル CSS メニュー項目が適切に配置されないのはなぜですか?

Question

slicknav に似た独自の CSS のみのモバイル メニューを作成しましたが、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 は長すぎてここに投稿できません。

どんな助けでも大歓迎です。