Modifica template.css per posizionamento sotto menù

[sawyer0]

Ragazzi ho un piccolo problema, ho creato con un csm (joomla) un menù con all'interno altri menù stile tendina a scomparsa, posizionadomi però sulla prima voce di menù quelli sottostanti non compaiono centrati sotto quello principale, ma spostati a sx.
Sono entrato nel template.css e ho modificato\aggiunto alcune cose, ma non so come posizionare queste voci in modo centrato sotto quella principale.
Ho provato ad aggiungere POSITION:CENTER etc..ma nada, qualcuno sa indicarmi che parametro inserire?

Diversamente che parametro dovrei inserire per far si che non compaiano tutti uno sotto l'altro ma tutti uno a fianco dell'altro, cioè in fila partendo da sx verso dx

Spero possiate aiutarmi.
Grazie



.art-hmenu ul a
{
display: block;
position: center;
white-space: nowrap;
height: 26px;
width: auto;
border-radius: 4px 4px 4px 4px;
overflow: hidden;
background-image: url('../images/subitem.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 0px;
border-style: solid;
border-color: #000000;
text-align: center;
text-indent: 12px;
text-decoration: none;
line-height: 26px;
color: #ffffff;
font-family: "Times New Roman", Georgia, Times, Serif;
font-size: 12px;
margin:0;
padding:0;
}

[Prill]

Ciao sawyer0, benvenuto sul forum. Le indicazioni date sono troppo risicate per dare una risposta.
Per avere un aiuto magari appronta una pagina col solo menu (da mettere on line, o anche usando servizi come jsfiddle) così che si veda dove è il problema

[sawyer0]

Il sito è bernesi.it e il menu di cui parlo è "curiosity".
In questo menu non si nota molto che i sotto menu non sono centrati per via della lunghezza del testo che è piu o meno lunga quanto quella del menu top...in altri menu (adesso disattivati) con voci piu lunghe si nota molto di più.

Comunque al di la del centramento vorrei che questi non fossero piu in cascata ma uno a fianzo all'altro ma nn ho idea di come si possa fare questa modifica sul css