aiuto. immagini non caricate

ciao a tutti, mi serve un piccolo aiuto. ho scritto un piccolo plugin che fa apparire nelle pagine del sito una lista gerarchica di prodotti

del tipo:

categoria 1

     categoria 2

           prodotto 1

           prodotto 2

 

la lista può essere espansa con un click. tipo questa: http://www.thecssninja.com/demo/css_tree/

il mio problema è l'immagine che dovrebbe apparire quando espando una categoria (una freccetta verso il basso) non compare e rimane fissa quella che rappresenta una categoria non espansa (una freccia verso destra)

la cosa strana è che il tutto funziona bene fuori da ELGG, che cosa sbaglio?

il cambio di immagine è ottenuto con questa regola css:

nav input:checked + a {
background: url(http://localhost/sites/elgg/mod/catalogo-robot/views/default/images/espansa.png) 2px 3px no-repeat;
}

è come se l'immagine che dovrebbe essere sostituita non venisse caricata quando clicco su una categoria

 

vi prego aiutatemi