Imposible centrar texto en un menu

[desiknin]

Como veis emplear display:table-cell, para poder aplicar text-align:center, sobre la propia lista ul?

[URL="http://jsfiddle.net/Desiknin/WtBv7/"]http://jsfiddle.net/Desiknin/WtBv7/[/URL]

#menu {
background-color:#ccc;
width:550px;
height:39px;
margin: 110 0 0 0;
float: right;
display:table-cell; /*añadido*/
text-align:center; /*añadido*/
}

#menu li {
/*float:left;*/ /*suprimido*/
display:inline; /*añadido*/
list-style:none;
font-weight: bold;
font-size:14px;
}
#menu li a {
color:#3F2F22;
text-decoration:none;
padding:4px 10px;
/*display:block; */ /*suprimido*/
}
#menu li a:hover {
color:#FAF6DB;
background:#000000
}
#menu li img {
margin:5px
}