aiuto centrare menu

ciao a tutti oggi ho scaricato un menu semplice in css e html solo che non so come centrarlo nella pagina:

Codice:

---

#menu01o {
width: auto;/*100%*/
font: 80% Arial, Helvetica, sans-serif;
background-image:url('./img/bkd_title.png');
height: 28px;
text-align: center;
}
#menu01o ul{
margin: 0;
padding-left: 0;
padding-top: 5px;
list-style: none;
}
#menu01o li{
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu01o a:link, #menu01o a:visited{
float: left;
background: #800000;
color: #fff;
margin: 0em;
padding: 0.3em 1.5em 0.3em 1.5em;
text-decoration: none;
border: 1px solid #000;
}
#menu01o a:hover, #menu01o a:focus, #menu01o a:active{
color: #000;
background: #FFFF00;
}

---

e html

Codice:

---

<div id="menu01o">
 <ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
  <li><a href="#">Link 4</a></li>
  <li><a href="#">Link 5</a></li>
 </ul>
</div>

---

Togli il float ed elimina tutti gli spazi del sorgente HTML all'interno dell'elemento ul.

Devi dare un width in px ed un margin:0 auto; , così:

Codice:

---

#menu01o {
margin:0 auto;
width: 400px;
font: 80% Arial, Helvetica, sans-serif;
background-image:url('./img/bkd_title.png');
height: 28px;
text-align: center;
}

---