Question

I am trying to create drop down menus Like this

I am reached demo at that page but now when i try to add

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

the layout gets messy like this.I have tried alot but no use may be i am not using box-sizing right on header.

Answer 1

Write vertical-align:top is #nav . Like this:

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