Need CSS Dropdown Menu Advice

Question

Я пытаюсь создать свое первое чистое раскрывающееся меню css/html, но мне было трудно получить функцию Hover для правильной работы. Я получил отличные ответы, но на этот раз все это испортилось, а не в нужном месте. Я так потерялся в этот момент.

http://jsfiddle.net/X5Dbc/

position: absolute; or somthing like that... 

у меня есть подозрение, что имеет Somthing делать с positioning выше jsfiddle является то, что у меня есть после того, как спрашивать о влиянии «Раскрывающийся» ..

Имейте в виду, я все еще новичок, когда дело доходит до правильного CSS. Любой совет или помощь в создании этой работы меню будет оценен по достоинству! И конструктивная критика всегда приветствуется.

Answer 1

Ваша разметка недействительна. ID s должен быть уникальным. т.е. вы не можете использовать то же самое ID на элементах muiltiple. Вот что такое class. В любом случае, для этого нет необходимости использовать ID.

#navwrap ul li ul { 
    display: none; 
} 
#navwrap ul li:hover ul { 
    display: block; 
    position: relative; 
} 

Перемещение :hover родителю li

Вы можете стиль два ul отдельно, как это:

Верхний уровень:

#navwrap > ul { your styles ... } 

Подуровень:

#navwrap ul ul { your styles ... }