Выпадающие меню портят макет?

Question

Я пытаюсь создать выпадающие меню. Вот так

Я достиг демо на этой странице, но теперь, когда я пытаюсь добавить

<ul id="secondarynav">
      <li><a href="#">Pictures</a></li>
      <li><a href="#">Video</a></li>
</ul>

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

Answer 1

Запись выравнивание по вертикали: верх равно #nav. Как это:

#nav li {
    display: inline-block;
    list-style: none outside none;
    vertical-align: top;
}