Muy buenas cracks!
Tengo un pequeño problema con el que estoy todo el día, y ni buscando en google ni intentandolo de todas las formas, no consigo lo siguiente.
Un poco dificil de explicar:
HTML
Quisiera centrarlo con la pagina pero no puedo.
Código HTML:
<div class="es" id="menu-principal">
<ul>
<li><a href="1.html">1</a></li>
<li><a href="2.html">2</a></li>
<li><a href="3.html">3</a></li>
<li><a href="4.html">4</a></li>
<li><a href="5.html">5</a></li>
<li><a href="6.html">6</a></li>
<li><a href="7.html">7</a></li>
<li><a href="8.html">8</a></li>
<li><a href="9.html">9</a></li>
</ul>
</div>
CSS
Código HTML:
#contenedor #cabecera #menu-principal {
height: 29px;
width: 945px;
float: none;
clear: both;
}
#contenedor #cabecera #menu-principal ul {
list-style: none;
padding: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#contenedor #cabecera #menu-principal ul li {
float: left;
background-color: #C8E654
}
#contenedor #cabecera #menu-principal ul li a {
background: url(Imagenes/background-menu-boton.jpg) repeat-x;
color: #fff;
display: block;
text-decoration: none;
border-right: 1px solid #8EB50B;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: bolder;
padding-top: 7.5px;
padding-right: 21.5px;
padding-bottom: 7.5px;
padding-left: 21px;
margin-left: 1px;
}
#contenedor #cabecera #menu-principal ul li a:hover {
background: url(Imagenes/background-menu-boton_over.jpg) repeat-x;
}
¿Donde puede estar el error?
Gracias de antemano.