ul parent move, когда ul ul active

Question

Это может быть довольно простой вопрос для ответа, однако я не могу найти решение. Я создал очень простое меню, и всякий раз, когда я нависаю над родителем ul, он становится видимым. В принципе, он работает, но родитель уступает своим детям, и я хотел бы сохранить его (родителя) в том месте, где он был на самом деле. Я разработал jfiddle, может быть, кто-то может мне помочь здесь?

С наилучшими пожеланиями и спасибо за ваше время

• Tim

Answer 1

сделать Li относительно и ребенка уль абсолютной.

nav ul li{ 
    position:relative; 
} 

nav ul ul { 
    display: none; 
    z-index: 999; 
    position:absolute; 
    top:20px; 
    left:0; 
} 

jsFiddle File

надеюсь, что это будет работать для вас. Спасибо :)