elementi menu di uguali dimensioni

[eddie felson]

ciao a tutti, ho questo markup:

<div id="center">
    <div id="menu">

        <ul>
            [*][url="link1.php"]linkcorto[/url]

            [*][url="link2.php"]linknupopiulungo[/url]

            [*][url="link3.php"]link3[/url]

            [*][url="link4.php"]link4[/url]
        [/list]
                                
    </div>
</div> 

e il seguente css:

#center{
text-align:center;
border-width:1px; 
border-style:solid;
background:#ffffff;
margin-bottom:3px;
}

#menu {


}

#menu ul{
list-style: none;
}

#menu ul li{
display:inline;
}

#menu a {
font: 20px arial, helvetica, sans-serif;
background: #111111;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
padding-bottom:2px;
} 

non sono molto ferrato sui css,e infatti non riesco a fare assumere ad ogni link la stessa width, cioè ogni rettangolo (linkcorto, linknupopiulungo etc.) assume le dimensioni del testo del link.

mi date una mano per favore?

vorrei per esempio che ogni link fosse contenuto in un box di 120px e che i 4 elementi rimanessero centrati orizzontalmente nella pagina.

grazie.