Problema centramento voci menu

[TheBestNeo]

Ho un menu nel footer, con un link per il login.
Una volta loggato, l'utente vede comparire un'altra voce "invia notizia".
Come faccio a centrare sempre il menu sia con la voce "invia notizia" che senza?

Altro problema, volevo mettere al passaggio del mouse sui link di questo menu uno sfondo, per ognuno diverso. Ho notato che joomla crea classi tipo:
.itemXX
dove XX è un numero.
Provando a mettere li il background non succede nulla.
Provando a mettere l'immagine dal pannello amministratore non riesco ad ottenere il risultato voluto.

[conti1]

ciao
posta il link del sito

[TheBestNeo]

ciao
posta il link del sito

E' in locale...

[TheBestNeo]

Mi rendo conto che cosi è inutile.
Allora ho fatto screenshot allegato e inserisco il css relativo:

Codice: [Seleziona]

#footer{
background: #99CC99 ;
height:120px;;
width:600px;
text-align: center;
display: block;
clear: none;
position:relative;
border-top: 3px ridge green;
}

#footer ul{
text-align:center;
display: block;
width:auto;
height: 60px;
padding-left:150px;
}

#footer li{
list-style: none;
display: block;
height: 60;
width:auto;

}

#footer a{
/*color: #666666;
text-decoration: none;*/
display:block;
height:60px;
width:auto;
float: left;
line-height:50px;
padding-left:5px;
padding-right:5px;
font-family: Trebuchet, Verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-decoration: none;
text-transform: uppercase;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
z-index:0;
}

#footer a:hover{
/*color: #000000;
text-decoration: none;*/
float: left;
height:60px;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

a.item58{
background: url(../images/artbg.png) top no-repeat;
}

L'effetto che vorrei ottenere è all'incirca quello dell'allegato, però come vedete l'ho posizionato in modo relativo, mentre vorrei ottenere un effetti di centramento "dinamico".

[allegato vecchio più di un anno eliminato automaticamente]