centrare menu css orizzontale

[neorf]

ma è possibile centrare un menu css orizzontale? tipo questo:

<div id="menu01o">
 <ul>[*][url="#"]Link 1[/url][*][url="#"]Link 2[/url][*][url="#"]Link 3[/url][*][url="#"]Link 4[/url][*][url="#"]Link 5[/url][/list]
</div> 

#menu01o {
width: 100%;
font: 80% Arial, Helvetica, sans-serif; 
}
#menu01o ul{
margin: 0;
padding-left: 0;
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;
} 

[neorf]

ok, ora funziona, bastava mettere float:center, scusate...
ma rimane un piccolo problema:
se metto background-color:white; qua:

#menu01o {
width: 100%;
font: 80% Arial, Helvetica, sans-serif;
background-color:white;
} 

In IE si vede lo sfondo alto quanto il menu, mentre su FIREFOX appare una striscia più piccola in altezza, anche se larga 100%, come mai?
thanks

neorf

[jackweb]

Usa la proprietà clear per un elemento vuoto successivo al menù...dovresti risolvere.

[jackalt]

prova con:

{margin: 0 auto;}

dovresti risolvere.

[Myaku]

Originariamente inviato da neorf
ok, ora funziona, bastava mettere float:center

non mi risulta esista ...
http://www.w3.org/TR/CSS21/visuren.html#float-position

[neorf]

Originariamente inviato da jackalt
prova con:

{margin: 0 auto;}

dovresti risolvere.

Da inserire all'interno del div #menu01o ?