pb pour insertion image background menu horizontal

[ecat]

bonjour à tous

j'ai rajouter au theme par defaut un menu horizontal dont j'ai empreinter les lignes du header sur un autre template donc mon menu s'affiche bien mais je galère un peu pour rajouter mon background a cette ligne. En fait les lignes que j'ai rajouter font apparaitre le menu par block et moi je cherche a inserer un background de toute la largeur du menu

je vous joins quelques photos qui seront peut etre plus expliquative lol

voici les lignes de mon global.css

ul#menu{
  margin-bottom: 1.5em ;
  padding-right:0;
  list-style-type:none;
  position:relative;
  display:block;
  height:44px;
  width: 978px;
  clear: left;
  text-transform:uppercase;
  font-size:13px;
  font-weight:bold;
  background:transparent url("../img/blue .jpg") repeat-x top left;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  paddig-top:200px;
}

ul#menu li{
margin: 0px auto 0px auto;
   width: 1000px;
   height: 50px;
   background:#000000 url(../img/menu.png) no-repeat;
   }
ul#menu li a{
  display:block;
  float:left;
  color:#ffffff;
  text-decoration:none;
  padding-top: 14px;
  height:44px;
  width:162px;
  text-align: center;

  }
ul#menu li a:hover{
  background:transparent url("../img/black.jpg") repeat-x top left;
  color: #000000;}

je souhaitrais n'avoir qu'une seule ligne de menu horizontal avec les différents liens...

[StoreCommander]

Bonjour

ul#menu li{
margin: 0px auto 0px auto;
   width: 1000px;

1000 pixels c'est un peu large