Почему первый пункт меню 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;    
}

Я создал jsfiddle https://jsfiddle.net/hLene9a3/ который содержит все элементы меню ul li и все css. Css для hover / dropdown слишком длинный, чтобы размещать здесь.

Любая помощь будет принята с благодарностью.

Answer 1

Я не знаю, чем это вызвано, но ставлю позицию: абсолютно правильно, исправь это. Я могу только проверить в FF здесь, хотя. Попробуйте поставить это на свой CSS.

#menuFile > a{position:absolute;}