Listenproblem

[Chrischaaan]

hallo

ich hab mir nun ein mouseover menü gebastelt mit css.
jetzt hab ich überall, für alle ehem. buttons diese unordered lists genommen.
sie bekommen alle ihre "ausseh-informationen" vom gleichen stylesheet und haben alle den gleichen quellcode.
nur die anzahl der "buttons" unterscheidet sich manchmal.

obwohl alle buttons gleich sind, sind sie trotzdem unterschiedlich breit.

guckst du da: chrischaaan.de.vu
da seht ihr das menü.
alles gleich breit. ist ja auch nicht verkehrt. solange bis das wort nicht mehr reinpasst.
wie mach ich die dinger breiter damit alle buttons gleich breit sind und auch längere wörter reinpassen?

der quellcode für das aussehen der listings:

ul#Navigation
{
 width:             125px;
 margin:            0;
 padding:           0.8em;
}

* html ul#Navigation
{  /* Korrekturen fuer IE 5.x */
 width:             11.6em;
 w\idth:            10em;
 padding-left:      0;
 padd\ing-left:     0.8em;
}

ul#Navigation li
{
 list-style:        none;
 margin:            0.4em;
 padding:           0;
}

ul#Navigation a
{
 display:           block;
 padding:           0.2em;
 text-align:        center;
 text-decoration:   none;
 border:            1px solid #808080;
 background-color:  #2F2F2F;
 color:             #808080;
}

* html ul#Navigation a
{  /* Breitenangaben nur fuer IE */
 width:              100%;
 w\idth:             8.8em;
}

ul#Navigation a:hover
{
 border-color:       #2F2F2F;
 color:              #2F2F2F;
 background-color:   #808080;
}

der quellcode für die listings:

<ul id="Navigation">
  <li><a href="datei.html">Name</a></li>
</ul>

wie mach ich die dinger also breiter?

bye,Christian.