[CSS] Centrare menu

Ciao a tutti, ho cercato un topic per questo mio problema e ne ho trovati simili ma non ho capito come risolverlo.

Devo centrare un menù creato con i CSS ma mi rimane allineato a sinistra

Questo è il mio CSS

.menu{margin:0 auto; text-align: center; background:url("/menu/images/topMenuImages.png") no-repeat;}

.menu li{display:inline;}

.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url("/menu/images/topMenuImages.png") 0px -30px no-repeat; outline:none;}

.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("/menu/images/topMenuImages.png") 100% -30px no-repeat;}

.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}

.menu li a:hover span{background-position:100% -60px;}

.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url("/menu/images/topMenuImages.png") 0px -90px no-repeat; color:rgb(255,255,255);}

.menu li a.active span, .menu li a.active:hover span{background:url("/menu/images/topMenuImages.png") 100% -90px no-repeat;}

prova a togliere "float: left" dalla terza riga....
ps: cerco di aiutarti solo perke amo i chili peppers!anke se nn hanno piu John!!.....skerzo! :P

Non cambia niente :S anzi si restringe :S

P.S. grandissimo! XD

prova ad aggiungere:

.menu ul{margin: 0 auto}

dai una dimensione alla classe se vuoi vederlo centrato

menu{width: 200px; margin:0 auto; text-align: center; background:url("/menu/images/topMenuImages.png") no-repeat;}

ciao

dai una dimensione alla classe se vuoi vederlo centrato


ciao

Grazie ho risolto così!