CSS-basierte Navigationsleisten

[Enzo]

Hallo Leute,

ich habe aus SELFHTML die "CSS-basierte Navigationsleisten" und hierbei die "Horizontale Navigationsleiste zentriert" genommen und diese angepasst. Jedoch scheitere ich an einem Punkt: Ich möchte, dass die Menüpunkte bündig aneinander anschließen ohne den Freiraum zwischen den einzelnen Menüpunkten. Wäre toll, wenn mir irgend jemand weiterhelfen könnte. Hier der CSS-Code:

/* ################################################ */

ul#Navigation {
    font: normal 14px Helvetica, Arial, sans-serif;
    margin: 0; padding: 0.3em;
    text-align: center;
    background-color: #B3D8C6;
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
  }

ul#Navigation a, ul#Navigation span {
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    color: #000000; background-color:  #B3D8C6;
 }

* html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#Navigation a:hover {
    color:  #E5F3EC; background-color: #58B687;
  }

ul#Navigation span {
    color:  #E5F3EC; background-color: #1A8A52;
  }

/* ################################################ */

Viele Grüße

Enzo