css den anlayanlar

selam arkadaşlar,

aşağıdaki linkteki temanın yukarıdaki menu ogelerinin arasını açmak ve menuyu sola yaslamak değil de ortaya almak istiyorum css ile ancak ne yapsam tam olarak yapamadım.
amacım link öğelerinin arasını açıp arka planına resim eklemek. resim ekleme konusunda problemim yok ancak menu öğelerinin arasını açamadığım için menu arka plan resmi tam olarak oturmuyor.

varmı önerisi olan.
ekleyeceğim resim ise şu:

http://en.nanfangrides.com/images/zqimages/navbg.jpg

tema:http://joomlathemes.co/demo25/jt005

ayrı ayrı menü arka planı atayacaksın gibi anladığım kadarı ile.
yapman gereken menü id lerine göre css te tanımlamak misalen.
o menü arka resimlerini kes ayrı ayrı yapmak istersen şöyle yazmayı dene;
aralarını açmak için padding-left yada right kullan işini görür sanıyorum..

li.item-101 {background: url("menuarka1.png") repeat-x }
li.item-102 {background: url("menuarka2.png") repeat-x }
li.item-116 {background: url("menuarka3.png") repeat-x }
li.item-117 {background: url("menuarka4.png") repeat-x }