Problema Menu Orizzontale

[Herunar]

Salve a tutti!
Sto trovando delle difficoltà nel rendere corretta la visualizzazione di un menu orizzontale a tendina.
I vari elementi non hanno dimensione fissa, ma si regolano in base ai contenuti.

I problemi sono:
1) Non riesco più a far cambiare lo sfondo alla pagina corrente
2) I sottomenu hanno ognuno dimensione pari al contenuto che ospitano.
Non c'è un modo, che non sia dare a TUTTI dimensione fissa, per far assumere ai sottomenu e al menu padre
la stessa dimensione pari a quella maggiore fra loro?
3) Se provo a centrarlo, impostando una dimensione fissa al menu e i margini in automatico, viene spinto verso il centro ma c'è un margine maggiore verso destra.

Vi allego il codice del menu in CSS e HTML.
Il tutto è ovviamente contestualizzato all'interno di un layout per un sito, che ometto solo per questioni di spazio e leggibilità. Se serve lo posto.

<div id="menu">
            <ul>
                <li id="current_page">Home[*]Chi sono[*]Approfondimenti
                    <ul>[*]Articoli[*]Caso del mese[*]Pubblicazioni [/list]
                                   [*]Eventi[*]Multimedia
                    <ul>[*]Filmati[*]Galleria[*]Materiale[/list]
                [*]Contatti[*]FAQ[*]Links[/list]
</div>

#menu {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	height: 31px;
	margin: auto;
	width: 610px;
}

#menu ul {
	/*background: transparent url(../images/menu-bg-left.png) no-repeat 0 0;*/
	line-height: 28px;
	list-style: none;
	margin: 0 auto;
}

#menu ul ul {
	position: absolute;
	top: 31px;
	visibility: hidden;
}

#menu li {
	list-style: none;
	position: relative;
	float: left;
}

#menu li a {
	background: transparent url(../images/menu-bg.png) repeat-x 0 0;
	display: block;
	color: #151515;
	height: 31px;
	padding: 0 8px;
	text-decoration: none;
}

#menu ul li:hover ul{
	visibility: visible;
} 

#current_page {
	background: transparent url(../images/menu-bg-selection.png) repeat-x 0 0;
}

#menu a:hover {
	background: transparent url(../images/menu-bg-selection.png) repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-decoration: none;
}

Grazie a tutti in anticipo ^^

[Herunar]

Ho capito perchè non viene centrato correttamente.
Avendo specificato una dimensione per il div che contiene il menu, ed essendo che il menu vero e proprio è allineato a sinistra all'interno del div ed è più piccolo della dimensione del menu, l'effetto finale è che sia più spostato verso sinistra rispetto al centro.
Devo quindi solo ridurre la dimensione del div per adattarla al menu.

Altre idee per gli altri problemi?