Dropdown menu, menu kommt mit runter?

[Bengman]

Hey, mein Menu funktioniert, nur das, wenn ich auf ein Menu gehe, gehen die anderen mit runter...

Code:
CSS:

header ul li
      {
       list-style: none;
       display: inline-block;
       max-height: 2em;
      }
header ul li> ul
      {
       background-color: blue;
      }
header ul li> ul li
      {
       display: none;
       margin-left: -2.500em;
       padding-top: 0.200em;
       padding-bottom: 0.200em;
      }
header ul li:hover> ul li
      {
       display: block;
      }

HTML:

 <header>
  <ul>
   <li><a href="index.php">Home</a>
    <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">Home</a></li>
     <li><a href="#">Home</a></li>
    </ul>
   </li>
   <li><a href="#">Home</a>
    <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">Home</a></li>
     <li><a href="#">Home</a></li>
    </ul>
   </li>
   <li><a href="#">Home</a>
    <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">Home</a></li>
     <li><a href="#">Home</a></li>
    </ul>
   </li>
   <li><a href="#">Home</a>
    <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">Home</a></li>
     <li><a href="#">Home</a></li>
    </ul>
   </li>
   <li><a href="#">Home</a>
    <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">Home</a></li>
     <li><a href="#">Home</a></li>
    </ul>
   </li>
  </ul>

Kann mir nun einer sagen, wie die Wörter oben bleiben? :)

 

[Bengman]

https://www.dropbox.com/s/npdkig1bfphfrqt/Screenshot (27).png?dl=0

Hier sieht man, was ich meine.

 

[MrMurphy]

Hallo,

du musst die Dropdown-Menüs mit "position: absolute;" aus dem Elementenfluß nehmen.

Demos und Anleitungen findest du zum Beispiel auf der folgenden Seite:

http://t3n.de/news/10-freie-html5-435735/

Gruss

MrMurphy