Spry - Customize the MenuBar

After being dissappear for few months (making my commercial web, commercial apps...) being designing I have seen that in the Dreamweaver CS3 there's a interesting AJAX framework called SPRY, so here I saw an example and how to customize with images it:

Result:


How to:
1.- First of all add a MenuBar from the Insert toolbox-Spry



2.- After you add the MenuBar in the webpage, I remove the text and assign for each link a custom id:



3.- And now in a css file (linked to this), I customize simply to this:


Might be for dummies, but sometimes trying things we do it by the complex way.