помочь с вложенным списком HTML, который создает суб-навигацию

Question

У меня проблемы с моим вложенным списком, который создает subnav.В настоящее время он позиционируется абсолютно, но я не могу установить его родитель относительно, так как переполнение родительского родителя скрыто, так что пользователь не может видеть полную суб-навигацию, может кто-нибудь пролить свет на исправление для этого, пожалуйста?

Пример Subnav

Пожалуйста, смотрите ссылку для примера jsfiddle того, что я имею в виду.

Answer 1

Это должно сработать. Живой пример: http://jsfiddle.net/7VkrG/53/

Вам нужно удалить overflow:hidden на nav и вместо этого дать ему высоту, например. 34px.

header nav {
  width:960px;
  border:1px solid red;
  height: 34px;  
}

Затем вы захотите отрегулировать положение субнава так, чтобы оно отображалось в нужном месте:

header nav li ul.dropdown {top: 5px;}