[CSS] Probleme mit Div-Tag

[Newbie44]

Hallo,

ich hab ein Problem mit einem Menü das horizontal ist. Ich will es auf Basis von Div-Tags oben im header der Seite verankern. Jedoch will das nicht so wie ich möchte. Ich hab alles andere prima mit Div Tags formatieren können nur das will nicht so recht, es rutscht immer in den unteren Div Tag rein wenn ich das anfüge:

Hier mal der Stylesheet:

Code:

  #navmenu
  {
  margin: 0; padding: 0; 
  }
#navmenu ul {margin: 0; padding: 0; 
   list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none;  margin: 4px;
   padding: 5px 20px 5px 20px; color: blue;
   background: pink;}
#navmenu ul li a:hover {color: purple;
   background: yellow; }

Und hier der HTML Code:

XML-Code:

<div id="navmenu">
<ul>
   [*][url="abc"]Link 1[/url]
   [*][url="def"]Link 2[/url]
   [*][url="ghi"]Link 3[/url]
   [*][url="jkl"]Link 4[/url][/list]</div>

Das Menü hängt also in den nächsten Div-Tag richtig rein und es sieht blöd aus. Was mache ich falsch? Was muss ich an dem Stylesheet ändern damit ich ein vernünftiges Menü habe, das nicht in den nächsten Div-Tag kommt?

Für eure Hilfe bin ich euch sehr dankbar

Gruß

Sebastian