Duda con Menu

Hola, antes de nada quería agradecer al creador de esta página porque es bastante completa y fácil de entender :)

Bueno, pues mi duda es la siguiente:

Estoy empezando una web, y quiero poner una imagen en la cabecera y justo debajo un menú en horizontal.
Le pongo ancho a la web (1024) y hago que esté centrada.
Con la imagen no hay ningún problema, pero a la hora de colocar el menú...



Veis el espacio en blanco que me queda tras la última opción?? Eso es lo que no soy capaz de quitar. Es decir, la barra gris esa hacerla igual de larga que la imagen, y distribuir equitativamente las opciones.

con el código html, no tengo ningún problema, y con el css esto es lo que he puesto:

#global {width: 1024px;
margin: 4px auto;
}
#menu{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-weight: bold;
position: relative;
left: 50%;
}
#menu li{
background-color: #666;
float: left;
position: relative;
right: 50%;
}
#menu li a{
color: #FFF;
padding: 15px;
}

Espero que alguien pueda ayudarme, porque estoy atascadísimo :S (y mira que he buscado, leído y releído)
GRACIAS DE ANTEMANO!! :)