Elemente automatisch anordnen

[Thalin]

Hallo,

mir viel leider kein passender Titelname ein. Ich hoffe man kann es mir verzeihen.

Also, es geht um folgendes.
Ich verwende Wordpress und passe gerade das Theme an.
Von PHP habe ich zwar keine Ahnung, aber der Codeschnipsel da unten zaubert mir wunderbare Menueinträge, wenn ich neue Pages hinzufüge.

Mein Menu ist genau 980px breit.
Ich hätte das nun gerne so, dass egal wieviele Menueinträge ich habe, der erste Eintrag ganz links steht und der letzte ganz rechts. Und alle Einträge sollen den gleichen Abstand haben.
Ist das mit CSS Mitteln irgendwie machbar? Wäre echt super, wenn mir jemand helfen könnte.

header.php

	<div id="menu">
		<ul>
		<?php wp_list_pages('title_li=' ); ?>
		</ul>
	</div>

style.css

/* Menu */

#menu {
	width: 980px;
	height: 30px;	
	margin: 0 auto;
	padding: 0;
	
	border-bottom: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: times new roman;
	color: #000000;
	borde: none;

}

#menu ul {
	margin: auto;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;

}

#menu li {
	float: left;
	margin: auto
	text-align: center;

}

#menu a {
	display: block;	
	//width: 50px;
	height: 12px;
	margin: auto;
	padding: 0px 20px 0px 0px;
	text-decoration: none;
	text-align: center;
}

#menu h1{
	font-size: 4empx;
	color: #0FF000;
}

#menu a:hover, #menu {
	text-decoration: none;
	color:#FF9966;

}

#menu .current_page_item a {
	padding-left: 0;
	color:#FF9966;

}