Navigationsleiste auf volle Fensterbreite

[Jorin]

Vorschlag:

#navigation li {width: 160px;}

#navigation a {display: block;}

  
Sorry, ich bin scheinbar echt zu doof für sowas. Wenn ich den CSS-Code dahingehend ändere:  
  
~~~css
/*  
Das horizontale Hauptmenü:  
*/  
#navigation {  
	width: 100%;  
	background-color: #8E7960;  
	padding: 10px 0px;  
}  
#navigation li {  
	list-style-type: none;  
	width: 160px;  
}  
#navigation a, a:visited {  
	display: inline-block;  
	text-decoration: none;  
	background-color: #8E7960;  
	color: #FFF;  
	padding: 10px 20px;  
}  
#navigation a:hover, a:active{  
	text-decoration: none;  
	background-color: #1F1A17;  
}

...stehen alle Listenelemente wieder untereinander. Ich drehe mich immer im Kreis, erreiche aber nie mein Ziel.