Salve a tutti. Ho un problema che non riesco a risolvere con un menu css.
Vorrei creare un menu centrato i cui elementi non abbiano lunghezza prefissata.

Posto il CSS che ho creato:

codice:
div#navmenu{
       text-align: center;
       height: auto;
       }
div#navmenu ul{
       float: left;
       list-style: none;
       }
div#navmenu li{
       display: inline;
       background: #000033;
       border: none;
       width:auto;
       }
div#navmenu li a{
       float: left;
       font-size: 13px;
       background: #000033;
       border: none;
       }
div#navmenu li a:hover{
       background-color: #003300;
       color: #fff;
       }
Scritto così ottengo degli elementi con una larghezza fissa che io non ho stabilito.
Se tolgo l'elemento float in div#navmenu li a{ ottengo elementi di lunghezza variabile.
Vuol dire che se specifico float ottengo una larghezza fissa di default?

Ad ogni modo, in nessuno dei due casi gli elementi vengono centrati. Dove sbaglio?

Ecco invece la pagina HTML, molto semplice:

codice:
<div id="navmenu">
<ul>[*]elemento[*]elemento[*]elemento[/list]
</div>