css achtergrondafbeelding word niet weergegeven

[mrc4nl]

ik heb voor mn site een horizontale navigatiebalk, met een dropdown menu, gemaakt met <ul> en <li>

de eerste opsomming van linkjes word correct weergegeven met achtergrond afbeelding (:hoover)
maar de opsomming in de opsomming heeft dat niet.

ik heb daar als css ingesteld:

code:

#nav li ul li:hover{
z-index: 1;
background:url('afbeeldingen/rand_blauw.jpg') repeat-x fixed left top blue;
}

het gekke is:de achtergrond color:blue word wel toegepast maar de afbeelding niet?
firebug laat duidelijk zien dat ie wel aanwezig is (geen 404)

ik heb al veel geprobeerd, er staat geen foute syntax in mn css.
css validator klaagt alleen over gebruik css3.

verder maak ik gebruik van firefox 10.0.2

ik ga niet mn hele code hier neer patsen (heb ik al eerder een waarschuwing voor gekregen)
maar wel ff linkje naar de demo: http://mrc4.nl/css.html

ik ben niet zo thuis in webdesign, misschien doe ik iets fout. maar ik kan het zelf niet vinden.
de rest werkt prima daarom vind ik het ook zo vreemd.
daarom vraag ik om jullie hulp

[Keeper]

Ik kan het even niet snel testen, maar is het probleem niet dat je die kleur blue helemaal achteraan in je declaratie hebt staan en dat die dan de achtergrondafbeelding overschrijft? Ik zet zelf meestal die kleur als eerste in de declaratie, zodat het als fallback voor het plaatje dient.

code:

background: blue url('afbeeldingen/rand_blauw.jpg') repeat-x fixed left top;

[mrc4nl]

Keeper schreef op zaterdag 25 februari 2012 @ 14:10:
Ik kan het even niet snel testen, maar is het probleem niet dat je die kleur blue helemaal achteraan in je declaratie hebt staan en dat die dan de achtergrondafbeelding overschrijft? Ik zet zelf meestal die kleur als eerste in de declaratie, zodat het als fallback voor het plaatje dient.

code:

background: blue url('afbeeldingen/rand_blauw.jpg') repeat-x fixed left top;

helaas,ik heb nu blue naar voren gezet (op de site) maar ik zie geen verschil.

[SandaX]

Werkt het volgende wellicht beter?

code:

background-image:url('afbeeldingen/rand_blauw.jpg');

[mrc4nl]

SandaX schreef op zaterdag 25 februari 2012 @ 14:24:
Werkt het volgende wellicht beter?

code:

background-image:url('afbeeldingen/rand_blauw.jpg');

JA! dat werkt
ik snap alleen nog niet waarom ik de backgroud color,repeat enz niet gewoon in eèn regel kan zetten

[Wiethoofd]

Dat kan wel gewoon, het is de 'fixed' die nu de boel in de war schopt, haal die eens uit je background stijlregel en presto, daar is je background-image

[mrc4nl]

Wiethoofd schreef op zaterdag 25 februari 2012 @ 14:31:
Dat kan wel gewoon, het is de 'fixed' die nu de boel in de war schopt, haal die eens uit je background stijlregel en presto, daar is je background-image

ik voel me dom.
nu werkt het wel: http://mrc4.nl/css2.html
ik ga me ook afvragen waarom ik die fixed daar had neergezet.
zal wel te maken hebben met de webeditor die ik gebruik (web expression 4) auto-aanvullen enzo

bedankt wiethoofd!
ik heb weer wat geleerd