tengo un problema tonto con el menú de mi web...
Tenía la web en tablas, pero me recomendaron pasarla a divs por el hecho de pasar el W3C WAI que por lo visto las tablas dan muchos problemas por el tema de los tamaños...
Mi código es:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body{
font-family : Helvetica, Verdana, Arial, sans-serif;
background-color : white;
}
a:link {
font-size : 14px;
font-style : normal;
font-weight : normal;
color : #fffaf3;
text-decoration : none;
border : 0;
}
.central {
position: absolute;
top: 5px;
left: 50%;
margin-left: -200px;
text-align:center;
height:80px;
width:400px;
}
.fondo{
position:absolute;
top:0px;
height:100px;
width:100%;
background-image: url('http://www.factoriadearte.com/imagenes/fondo_arriba.gif');
}
#menuarriba {
list-style:none;
text-align:center;
top:0;
}
#menuarriba li {
float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
}
#botonera{
height:auto;
width:100%;
text-align:center;
margin:auto;
}
-->
</style>
</head>
<body>
<div class="fondo">
<div class="central";><a href="http://www.factoriadearte.com/" target="_self"> <img src="http://www.factoriadearte.com/imagenes/logo_arriba.png" width="139" height="51" alt="diseño gráfico" border="0"/></a>
<div id="botonera">
<ul id="menuarriba">
</ul>
</div>
</div>
</div>
</body>
</html>
Y el problema es que no consigo que el texto de arriba salga centrado, y llevo horas tocando el CSS sin ningún logro, el texto sale siempre en el lado y cuando publico mas aún...
¿Alguna ayuda?