Dropdown menu, menu kommt mit runter?

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

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

Code:
CSS:
[HTML]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]
HTML:
[HTML]

[/HTML]

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

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

Hier sieht man, was ich meine.

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