Problem bei Navi-Leiste mit <ul> und css

[Daniel]

Hallo,

ich versuche gerade mittels <ul>/<li> und css eine Navigationsleiste hinzugekommen.
Aber irgendwie klappt es nicht so, wie ich es mir vorstelle, vielleicht Brett vor'm Kopf ;-)

Die Links sollen dabei neben einander stehen und eine bestimmte Größe (125*39) in Anspruch nehmen.

css
------------
ul#Navigation {
background-color:red;
width: 800px;
}

ul#Navigation li {
display:inline;
background-color:yellow;
list-style: none;
}

ul#Navigation a {
width: 125px;
height: 39px;
border: 0px;
font-weight: bold;
text-decoration: none;
text-align:center;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color: white;
background-color: blue;
}

html
---------------------------
<p>Ein Test-Absatz davor.</p>

<div>
<ul id="Navigation">
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
</ul>
</div>

<p>Ein Test-Absatz danach.</p>

Was mache ich falsch?

Vielen Dank und viele Grüße
Daniel