Prueba esto:
Código css:
Ver originalul#menu {
background:transparent url(../imatges/nav_bg2.jpg) repeat-x left top;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:30px;
list-style-type:none;
margin:0 auto;
padding:0;
position:relative;
text-align:center;
width:620px;
}
ul#menu li {
float:left;
margin:0;
padding:0;
}
ul#menu li a {
display:block;
color:#000000;
text-decoration:none;
font-weight:bold;
padding:8px 20px 0 20px;
}
Quizás tengas que cambiar alguna anchura más de las cajas contenedoras en las que utilizas imágenes de fondo para mantener los efectos.
Un saludo