Elemetin sisäisen listan keskitys...

Hei,

kuinka voin saada keskitettyä elementin sisällä olevan menuvalikon elementtiin nähden ?

Myös muut huomautukset koodiin liittyen otetaan kiitollisuudella vastaan...

Koodi ohessa:

#menu
{
float:left;
top:0px;
margin:auto;
padding: 10px;
height: 20%;
width:100%;
background-color:silver;
}

#menu li
{
display:inline;
}

#menu li a
{
float:left;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
border-top:1px solid black;
margin-left:auto;
margin-right:auto;
padding:10px;
text-decoration:none;
}

#menu a:visited
{
color: #009900;
}
#menu a:hover
{
background-color: #dddddd;
}
#menu a:active
{
color: #0000FF;
}


*************************************************




Otsikko1
Otsikko2
Otsikko3
Otsikko4
Otsikko5
Otsikko6
Otsikko7
Otsikko8