Sorry, zuviel Kaffee: (rauskopiert und angepasst und nicht aufgepasst..)
#navi li { background: url(A.png);}
#navi li a { }
#navi li a:hover { background: url(A_hover.png);}
#navi li .nav-selected { background: url(A_hover.png); }
#navi li:first-child { background: url(C.png);}
#navi li:first-child:hover { background: url(C_hover.png);}
#navi li .nav-selected:first-child { background: url(C_hover.png);}
Das erste Element soll die Grafik C und C_hover erhalten, - alle anderen A und A_hover.