dynamische Linkbreite mit css ohne Tabelle

[Destruktor]

Ich habe einen Header mit fünf Links
mit Tabellen klappt alles wunderbar, da stellt man für jede Tabelle 20% ein, Verhalten mit CSS definiert, fertig.

Ich möchte jedoch die neue Seite ohne Tabellen gestalten.

Vertikale Menüs sind auch problemlos möglich, es hapert allerding beim horizontalen Menü, mit relativer Breite. Die 'Zelle' ist nämlich nur genauso breit wie der Link (oder breiter, wenn man für margin etwas einsetzt.)

Mein Codes

HTML Datei

Code: Alles auswählen

<div id="header_links">
	<a href="aktuelles.html">Aktuelles</a>
	<a href="information_ueber_den_wsv_verden.html">Informationen</a>
	<a href="#forum">Forum</a>
	<a href="#fotoalbum">Fotoalbum</a>
	<a href="kontakt.html">Kontakt</a>
</div>

CSS Datei

Code: Alles auswählen

#header_links, #header_links a:link, #header_links a:visited, #header_links a:hover, #header_links a:active, #header_links a:focus {
	float: left;
	margin: 0px 30px 0 30px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	display:block;
	text-align: center;
	vertical-align: middle;
	background-repeat:repeat-x;
	text-decoration: none;
	font-size: 100%;
	line-height: 30px;
	height: 30px;
}

Außerdem sieht das Design im IE etwas zerschossen aus. Mit Firefox jedoch normal.

Testseite

Ist es möglich, die 'Zellen'-breite auch mit 20% anzugeben ?