Div- Centrale Menu HTML

[WuaH]

Ho un Div in cui vorrei collocare un menu HTML(scaricato qui dal sito) lo colloco nel div però mi viene posizionato sulla sinistra mi piacerebbe che fosse centrato. Come posso risolvere?
Grazie =D
Se serve questi sono gli attributi nel foglio CSS del div che deve contenere il menu :

#content #Menu {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #000;
	margin: auto;
	height: 80px;
	width: 800px;
	
	background-position: center center;
	text-align: center;
	vertical-align: middle;
}

[0-c00l]

devi darci il css del menu' non del contenitore.. Come hai scritto tu comunque i primi codici sono relativi a #menu non a #content ...

[WuaH]

Ciao e grazie per la risposta, i css relativi al menu sono 4 posto solo questo che non si trova nella cartella dove si trovano gli altri , la cartella in questione si chiama themes quindi penso che glia altri css riguardano un aspetto grafico, spero di aver fatto cosa corretta nel caso li posto tutti

Eccolo

 /**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
*/

/* Configuration of menu width */

html body ul.sf-menu ul
,html body ul.sf-menu ul li {
width:180px;
}
html body ul.sf-menu ul ul {
margin:0 0 0 180px;
}

/* Framework for proper showing/hiding/positioning */
/* DO NOT EDIT FROM HERE */
ul.sf-menu
,ul.sf-menu * {
margin:0;
padding:0;
}

ul.sf-menu {
display:block;
position:relative;
}
ul.sf-menu li {
display:block;
list-style:none;
float:left;
position:relative;
}
ul.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
ul.sf-menu a {
display:block;
position:relative;
}
ul.sf-menu ul {
position:absolute;
left:0;
width:150px; 
top:auto;
left:-999999px;
}
ul.sf-menu ul a {
zoom:1; /* IE6/7 fix */
}
ul.sf-menu ul li {
float:left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
width:150px;
}
ul.sf-menu ul ul {
top:0;
margin:0 0 0 150px
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul { /*first level*/
left:auto;
}
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul {/*second level*/
left:auto;
}
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul {/*third level*/
left:auto;
}
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {/*fourth level*/
left:auto;
}
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
left:-999999px;
}

/* autoArrows CSS */

span.sf-arrow {
width:7px;
height:7px;
position:absolute;
top:8px;
right:0;
display:block;
background:url(images/arrows-black.png) no-repeat 0 0;
overflow:hidden; /* making sure IE6 doesn't overflow and expand the box */
font-size:1px;
}

ul ul span.sf-arrow {
right:12px;
top:7px;
background-position:0 100%;
}

Secondo

[Vincent.Zeno]

@WuaH

l'uso del tag CODE per postare codice non è "un'opzione"
http://forum.html.it/forum/showthrea...hreadid=310046

[0-c00l]

ul.sf-menu li {
display:block;
list-style:none;
float:left;
position:relative;
}

ul.sf-menu ul li {
float:left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
width:150px;
}

Questi due elemtni hanno float: left che li rimuove dal flusso normale e li posiziona a sinistra, prova a toglierli e vedi se risolvi

[WuaH]

Mmm..nulla ho provato a cambiare il valore o rimuovere i float il risultato è stato che il menu da orizzontale è diventato verticale non si è centrato =(

[Myaku]

Originariamente inviato da WuaH
Mmm..nulla ho provato a [...] rimuovere i float il risultato è stato che il menu da orizzontale è diventato verticale non si è centrato =(

logico, perché gli elementi[*] sono elementi di tipo blocco
sarebbe utile poter vedere anche una resa grafica di quello che devi realizzare.
Perché se le singole voci di menu non necessitano di essere forzate nelle dimensioni, potrebbe essere sufficiente dare un display: inline ai[*] e un text-align: center all'<ul>