Wycentrowanie poziomego menu stałej szerokości

[mitring]

Cześć, po dłuuugiej przerwie znów zawitałem :P

A teraz do konkretów :) - szukałem na forum ale nie znalazłem odpowiedzi, która mi by pomogła :(

Mam szablon, w nim poziome menu na górze:

Menu style: Legacy - Flat list


/* JOOMLA STYLE */
ul#mainlevel-nav{
width : 100%;
list-style : none;
padding : 0;
margin : 0;
height : 30px;
text-align : center;
}
ul#mainlevel-nav li{
display : inline;
border-top : 5px solid #6495ed;
white-space : nowrap;
text-decoration : none;
margin-right : 10px;
}

ul#mainlevel-nav li a {
padding : 8px 6px 11px 6px;
display : inline;
font-weight : bold;
font-size : 13px;
}
ul#mainlevel-nav li a:hover, ul#mainlevel-nav li a:active {
padding : 10px 6px 9px 6px;
color : #900900;
}I teraz niby menu jest wyśrodkowane tak jak chciałem ale problem polega na tym, że chce aby było stałej szerokości tak jak na obrazku. Nie posiadam jeszcze szablonu online więc nie wstawiam linka do www.
http://img208.imageshack.us/img208/210/clipboard02ha6.th.jpg (http://img208.imageshack.us/my.php?image=clipboard02ha6.jpg)http://img208.imageshack.us/images/thpix.gif (http://g.imageshack.us/thpix.php)

[zwiastun]

określ szerokość li

[mitring]

Dzięki za podpowiedź :)

Zmieniając ul#mainlevel-nav li{ lub ul#mainlevel-nav li a {
przez dodanie:
width: 150px;


nic się nie zmienia :/ a brakuje mi tylko stałej szerokości i text do prawej a cale menu na srodeczku :)

[zwiastun]

Spróbuj wyrzucić z ul#mainlevel li właściwość display: inline