<ul>-Aufzählung als Menü soll zentriert erscheinen

[Colin Finck]

Hallo!
Ich verwende eine Aufzählung (<ul>) als Menü. Diese habe ich mit folgenden CSS-Angaben gestylt, damit die Menüpunkte nacheinander von links nach rechts erscheinen:

#menu ul {margin: 0; padding: 0; list-style: none;}
#menu li {float: left;}
#menu li a {display: block; float: left;}

Auf der HTML-Seite verwende ich dann zum Einbinden ein <div>-Element:

<div id="menu">
  <ul>
    <li><a href="test.htm">Test</a></li>
    <li><a href="test2.htm">Noch ein Test</a></li>
  </ul>
</div>

Allerdings erscheinen die Menüpunkte jetzt immer ganz links. Ich hätte sie jedoch gerne in der Mitte zentriert.
Ich habe es bereits mit "text-align: center" ausprobiert, das hat aber nicht funktioniert.

Habt ihr eine Idee?

Vielen Dank im Voraus,

Colin Finck