Barre de Menu

Bonjour,
J'aimerais savoir comment faire pour que sur la barre bleu les 4 menu prennent un espace égal.
http://img802.imageshack.us/img802/4410/screenshot026v.jpg

<div id="navigation">
<div class="menu"><a href="bangkok.html">Home</a></div>
<div class="menu"><a href="trainingB.html">Training</a></div>
<div class="menu"><a href="usefulinfB.html">Useful Information</a></div>
<div class="menu"><a href="ourserviceB.html">Our Services</a></div>
</div>

.menu{
float:left;
background-color: #1a61a9;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-align: center;
vertical-align: middle;
padding-bottom: 12px;
padding-top: 12px;
}

#navigation {
background-color: #1A61A9;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
height: 46px;
}

Merci d'avance pour votre aide.