Navigationsleiste auf volle Fensterbreite

[Jorin]

So, inzwischen bin ich sehr viel weiter und meine Navigation ist als Liste umgebaut. Klappt auch sehr gut, alles schaut aus, wie es aussehen soll. Nur habe ich noch ein kleines Problem: Meine "Buttons", also die einzelnen Listenelemente, sollen alle die gleiche Breite erhalten und die Breite nicht am Text festmachen. Daran scheitere ich derzeit noch, ich schaffe es nicht, die Listenelemente auf eine feste Breite zu setzen.

Hier nochmal meine Codes:

<ul id=navigation>  
		<li><a id=navigation-01 href="index.html">Home</a></li>  
		<li><a id=navigation-02 href="ich.html">Über mich</a></li>  
		<li><a id=navigation-03 href="translations.html">Übersetzungen</a></li>  
		<li><a id=navigation-04 href="kontakt.php">Kontakt</a></li>  
		<li><a id=navigation-05 href="impressum.html">Impressum</a></li>  
</ul>

Auf die id=navigation-01 könnte ich doch verzichten, sofern ich sie für das Breitenproblem nicht benötige, oder?

/*  
Das horizontale Hauptmenü:  
*/  
#navigation {  
	width: 100%;  
	background-color: #8E7960;  
	padding: 10px 0px;  
}  
#navigation li {  
	display: inline-block;  
	list-style-type: none;  
}  
#navigation a, a:visited {  
	text-decoration: none;  
	background-color: #8E7960;  
	color: #FFF;  
	padding: 10px 20px;  
}  
#navigation a:hover, a:active{  
	text-decoration: none;  
	background-color: #1F1A17;  
}  
#navigation-01 a, a:active, a:hover, a:visited,  
#navigation-02 a, a:active, a:hover, a:visited,  
#navigation-03 a, a:active, a:hover, a:visited,  
#navigation-04 a, a:active, a:hover, a:visited,  
#navigation-05 a, a:active, a:hover, a:visited {  
	width: 160px;  
}

Wie man sieht, habe ich versucht, der id=navigation-01 bis -05 die Breite mitzugeben. Wird aber ignoriert. Ich hatte die Breitenangabe auch schon im UL und im LI, brachte aber ebenfalls keine Besserung.

Könnte mir da bitte jemand nochmal einen Schubs geben?