Zitat Zitat
Versteh ich nicht, inline habe ich doch schon und Text-align: center; habe ich natraeglich eingefuegt aber es passiert nichts.
[...]
Und was kann ich daran aendern?
Schauen wir es uns mal an:
Code: 
div#head_navi{
	width: 700px;
	margin: 1em auto; padding: 0;
}

ul#navi{
	margin: 1em auto; padding: 0;
	text-align: center; /*zentrierung verschoben*/
}
ul#navi li{
	list-style: none;
	display: inline;
}
ul#navi a {
	border: 2px solid #000;
	background-image: url(image/head_navi_back.png);
        margin: 0.5em; padding: 0.5em;
        text-decoration: none;
}
ul#navi a:hover {
        background-image: url(image/head_navi_back2.png);
        text-decoration: none;
}
Das Aufgeräumte CSS zusammen mit deinem HTML ergibt das Ergebnis. Nur hast du das Problem, dass das float fehlt (es verhindert die Zentrierung), weshalb du den Listenpunkten keine Breite mehr zuweisen kannst.