Tabelle mit ul und li

[Martin Auer]

Ich habe auf der Seite www.protestwanderweg.at eine Tabelle von Links, die sich der Seitenbreite anpassen soll (da auch fürs mobile Internet gedacht). Ich habe das mit einer ungeordneten Liste gemacht und <li> Elementen, die links floaten. Die Tabelle sollte immer zentriert sein, egal, in wieviele Spalten sie sich anordnet. Leider krieg ich das nicht hin. Bei weniger als drei Spalten ist die Tabelle immer linksbündig statt zentriert.

Hier mein CSS für das <ul> Element:

#idQuickguideUl{  
	max-width:600px;  
	font-size:75%;  
	padding:0px;  
	margin-left:auto;  
	margin-right:auto;  
}

Und hier für die <li> Elemente:

#idQuickguideUl li{  
	width:194px;  
	padding:2px;  
	list-style:none;  
	float:left;  
	border:1px solid gray;  
	margin:0px;  
}  

Was mache ich da falsch?

Gruß und Dank

Martin aus Wien