A ver, os explico, la barra de menú que está justo debajo del logo, resulta que tiene un fondo verde, y yo quiero que ese fondo ocupe TODO el ancho del contenedor (1007px), pero está ajustado para ocuparme solo lo que mida el texto y claro esa barra no me llega al final y entonces me queda un hueco blanco, tendría que escribir las palabras justas (innecesarias) para que llegara al final y aún así se vería rara, he probado a alinear el texto en el centro o centrar el div e incluso a ponerlo de fondo de buttons_nav, pero ni el texto se me centra, ni el div se centra, y si pongo la imagen de fondo en buttons_nav la opción a:hover se desactiva... llevo días comiéndome la cabeza y nada... :\
Os dejo el css bien encerrado en el quote:
CSS: Cita: body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#global {
width: 1007px;
margin-right: auto;
margin-left: auto;
}
#logo {
width: 1007px;
background-image: url(images/logo.png);
height: 200px;
}
#menu_bar {
width: 1007px;
overflow: hidden;
}
#buttons_nav {
float: left;
overflow: hidden;
}
#buttons_nav a {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-image: url(images/bg_menu_bar.png);
padding-top: 5px;
padding-bottom: 5px;
float: left;
padding-right: 5px;
padding-left: 5px;
color: #FFF;
}
#buttons_nav a:hover {
background-image: url(images/bg_menu_bar_hover.png);
}
#buttons_nav ul {
padding: 0px;
margin: 0px;
}
#buttons_nav ul li {
list-style-type: none;
float: left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #6C8800;
}
</html>