Problème css?

Salut à tous.

Voici ma page contenant le problème : http://origins.frozen.fr

Le soucis c'est que j'aimerais que les éléments de la barre de menu s'ajustent sur toute la largeur du div.
======================================================================

HTML CORRESPONDANT AU DIV :

<div class="navigation">
<a href="index.php" id="active">Accueil</a>
<a href="download.php">Télécharger</a>
<a href="inscriptions.php">Inscriptions</a>
<a href="infos.php">Infos</a>
<a href="reglement.php">Règles</a>
<a href="http://origins.frozen.fr/forum/">Forum</a>
<a href="staff.php">Staff</a>
<a href="contact.php">Contact</a>
</div>

------------------------------------------------------------------------------------------------------------------------------
CSS CORRSPONDANT AU DIV :

.navigation {
background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px;
border-top: 1px solid #996;
}
.navigation a {
background: #FFF url(img/nav.gif) repeat-x;
border-right: 1px solid #000000;
color: #553;
float: left;
font: bold 1em Tahoma,sans-serif;
padding: 0 14px;
line-height: 41px;
text-align: center;
text-decoration: none;

}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}

======================================================================

Merci à tout ceux qui m'ont lu !
Et merci par avance à tous ceux qui me répondront.

Amicalement Link.

Configuration: Windows 2000
Firefox 3.5.3