CSS - zarovnanie menu "do bloku"

Dobry den,

chcel by som vas poprosit o radu so zarovanim menu (akoby do bloku vo worde)

Takto vyzera menu teraz (vlavo)

A takto by som chcel aby vyzeralo

Ako upravit css tak, aby sa menu roztiahlo na celu sirku prvku?

Terajsie css:
.navigation a {
background: #FFF url(img/nav.gif) repeat-x;
border-right: 1px solid #C9C6B3;
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;}

To na druhom obrazku som vyriesil zmenou padding, ale kedze v anglickej verzii su nazvy odlisne a teda aj ich dlzka, robi to problemy - mna napada riesenie, ze pre kazdu verziu spravim samostatne css, ale to sa mi nepaci pre buducnost a pridavanie novych jazykovych verzii.

Celu stranku aj css si mozete pozriet tu: www.privatelena.szm.com

Dakujem za odpovede