Centrar div con li en Firefox

No entiendo qué es lo que falla <a href="http://www.arkitera.es/zumo">aqui.
</a>

En Explorer todo se ve bien, pero en Firefox no.
Ni siquiera salen los colores en los enlaces.

<code>*, html{
margin:0;
padding:0;
}

body{
margin: 0px;
padding: 0px;
border: 0px;
overflow: auto;
height: 100%;
max-height: 100%;
text-align:center;
}

#centrado{
width: 100%;
position: absolute;
left: 50%;
margin: 0px 0px 0px -50%;
}

#foto{
width:100%;
text-align:center;
}

/* MENUS */

#contenedormenus{
width:100%;
text-align:center;
}

#menus{
width:600px;
text-align:center;
}

/* grafico */

.menugrafico{
margin-left:5px;
margin-top:20px;
width: 190px;
font-family: "Trebuchet MS";
float:left;
}

.menugrafico li{
font-family: "Trebuchet MS";
color: #CC0000;
list-style:none;
font-size:12px;
list-style:none;
text-align:left;
}

.menugrafico li ul{
padding:0;
margin:0;
list-style:none;
text-indent: 25px;
margin-top:0px;
padding-top:0px;
line-height: 14px;
}

.menugrafico li ul a:link{
text-decoration:none;
color:#000000;
}

.menugrafico li ul a:active{
text-decoration:none;
color:#CC0000;
}

.menugrafico li ul a:hover{
text-decoration:underline;
color:#CC0000;
}
.menugrafico li ul a:visited{
color:#000000;
}

.menugrafico li ul a{
font-size:10px;
}</code>