ho provato a usare un <div> con all'interno un <ul>. La div (menu) l'ho centrata ma ancora niente!

Ho messo dei colori al background sia dell'ul che del menu per vedere come si comportano in fase di pubblicazione.

Vorrei avere il menu al centro. Qualcuno sa dirmi come fare?


visiona la pagina

grazie a tutti

codice css:

html, body{
margin:0;
padding:0;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
text-align:center;
}
div#global{
width:500px;
margin: 0 auto;
text-align:center;
}
div#content{
background-color: #999999;
border-top: 10px solid red;
background-image: url(../images/admin/border_bot.jpg);
background-position: bottom;
background-repeat: repeat-x;
}
div#content p{
color:#FFF;
padding-top: 2px;
padding-bottom: 2px;
}
div#menu{
text-align:center;
background-color:#CCFF00;
}
a:link , a:visited{
width: 100px;
background-color:#CCCCCC;
color:#000000;
font-weight:bolder;
display:block;
text-align:justify;
border-left-color:#666666;
border-left-style:solid;
border-bottom-width:2px;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
padding: 5px 5px 5px 5px;
text-decoration:none;
letter-spacing:2px;
}
a:hover{
width: 100px;
background-color:#FFF;
color:red;
font-weight:bolder;
display:block;
text-align:justify;
border-left-color:#666666;
border-left-style:solid;
border-bottom-width:2px;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
padding: 5px 5px 5px 5px;
text-decoration:none;
letter-spacing:2px;
}
h1{
color:#FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
letter-spacing:-2px;
}
div#tabella{
width:400px;
background-color:#CCCCCC;
text-align:left;
padding:10px 10px 10px 10px;
border-bottom-color:#CCCCCC;
border-bottom-style:dotted;
border-bottom-width:1px;
}
div#tabella p{
color:#000000;
padding-top: 2px;
padding-bottom: 2px;
}
ul{
list-style-type:none;
text-align:center;
background-color:#993366;
}