bonjour  voila j'expose mon problème: j'ai  un problème de menu horizontal ,vous pouvez le voir a l'adresse http://www.serrurier-meunier.fr je n'arrive pas a le déplacer et le mettre plus vers la gauche voici mon css:
 
#pngfix-right { background:url(img/menu_right.png) no-repeat right top; display:block; width:10px; height:60px; float:right; }
#pngfix-left { background:url(img/menu_left.png) no-repeat left top; display:block; width:10px; height:60px; float:right; }
ul.menu { float:right; background:url(img/menu_middle.png) repeat-x left top; font-size:11px; height:61px; margin:0; }
ul.menu, ul.menu ul { line-height:1; margin:0; padding:0; }
ul.menu li { position:relative; float:left; border-left:1px solid #222; height:55px; padding:0 18px; z-index:100; }
ul.menu ul li { height:auto; border-left:none; padding:0; left:auto;  }
ul.menu #header-menu-home { border:none; }
ul.menu a, ul.menu a:visited { color:#ffffff/*888*/; display:block; padding:0 15px; line-height:49px; position:relative; top:5px; }
ul.menu a:hover { color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }
ul.menu ul { position:absolute; top:52px; left:0; display:none; opacity:0; width:200px; }
ul.menu ul a, ul.menu ul a:visited { background:#000; line-height:140%; padding:9px 30px 8px; border:1px solid #222; width: 128px; margin:-1px 0 0 0; }
ul.menu ul a:hover { background:#222; border-bottom:1px solid #222; }
ul.menu ul ul { margin: -34px 0 0 189px; top:34px; }
 
auriez vous une solution svp (soyez indulgent je suis novice en programmation).
merci
 

Fais tout flotter à chauche et change l'ordre de ton html
 
pngfix-left
ul id="menu
pngfix-right
 
Ensuite tu donnes un width à ul#menu pour remplir l'espace