Выпадающее меню не будет вести себя

Question

Вот ссылка на скрипку: http://jsfiddle.net/UL2LB/1/

Как видите, я указал только z-индексы в скрытом подсписке и элементе nav, оба из которых имеют явное позиционирование. Итак, мой вопрос, почему, черт возьми, мое подменю все еще отображается в верхней части <nav>?

Заранее спасибо за любой ответ.

Answer 1

Дайте вашему ul ширину в пикселях и добавьте к нему position:relative li.

nav.global ul li ul {
    width:180px;
    ...
}

nav.global > ul > li {
    display: inline-block;
    margin-left: 2%;
    position: relative;
}