Tenta o seguinte:
HTML: (logo a seguir ao body)
...
<body>
<div id="barra">
<div id="barraLinks">
<a href="#" title="titulo">Teste</a>
</div><!-- Fim barraLinks -->
</div><!-- Fim barra -->
....
Depois na CSS colocas:
#barra {
background-color: grey;
}
#barraLinks {
width: 950px;
margin: 0 auto;
text-align: center;
}
#barraLinks a {
color:#8dc628;
}
#barraLinks a:hover {
color:#ffffff;
}
Na regra background-color:yellow; substituis pela imagem, depois é uma questão de pequenos ajustes de CSS no padding que tens no body por exemplo, experimenta e diz algo.