Verschillende backgrounds in menu

Beste WP’ers,

Ik ben bezig om een template te maken waarbij elk menu item een andere achtergrond heeft. Deze achtergronden staan vast per menu item. Dit is niet standaard in WP maar ik dacht slim te zijn en via firebug erachter te komen wat de class is van elk menu item. Dat heb ik wel gevonden alleen wanneer ik hem wil aanspreken via css dan negeert hij het.

Dit is de LI volgens firebug:
<li class=”page_item page-item-2″>

<span>
<span>Over ons</span>
</span>

Dus in de css een aantal manieren geprobeerd om hem aan te spreken:

Test 1
.page_item page-item-18{
background: #ffffff;
width: 400px;
height: 45px;
}

Test 2 de hele mikmak ervoor
#tabs ul li .page_item page-item-18{
background: #ffffff;
width: 400px;
height: 45px;
}

Test 3 de hele mikmak ervoor en erachter
#tabs ul li .page_item page-item-18 a span{
background: #ffffff;
width: 400px;
height: 45px;
}

Maar al die testjes werken niet! Begin aardig gefrustreerd te raken. Wanneer ik alleen .page_item aanspreek dan komt er wel achter elke menu item een witte achtergrond te staan van 400 pixels lang en 45 hoog.

Zal het gewoon niet mogelijk zijn of zie ik toch nog iets over het hoofd?

~ Dorien