Geht ganz einfach:
Code (CSS3): 
 
#navi li:nth-child(2)
{
	background-image: url(nav2.png)
}
#navi li:nth-child(3)
{
	background-image: url(nav3.png)
}
 


Achtung: Das ist CSS3 und wird von älteren Browsern nicht korrekt unterstützt. Besonders auf die IE-Fraktion solltest du achten, weil die oft noch in uralten Versionen wie IE7 rumgurken, denen :nth-child nichts sagt. Aber du solltesto sowieso deine Seite mit allen Browsern testen, die du darauf erwartest.

Ach ja, du solltest dich allgemein mal über die CSS3-Selektoren schlau machen. Dinge wie :nth-child(even) können sehr praktisch sein.