Formatiske problemer med CSS

appelsin

Medlem
Jeg holder på å modifisere en template nå, men den vannrette hovedmenyen blir litt rotete siden noen ord er lengre enn andre. Noen som har en god løsning på hvordan man kan få samme avstand mellom ordene? Løsningen som har blitt brukt til nå er å tildele hvert ord i menyen like store bokser på 120 px som dere ser på width nedenfor. Noen som har noen enkle tips?

CSS-filen

#menu {
height: 47px;
width: 900px;
padding-left: 20px;
margin: 0 auto;
background:url('images/menubg.jpg') center;
}

#menu ul {
margin: -3px;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
float: left;
width: 120px;
height: 37px;
padding-top: -10px;
text-decoration: none;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #013696;
 
Topp