Help with images in Spry menus

Question

I need help making this work: I want my menu buttons and
submenu buttons to be images rather than text. I've been able to
set it up to use different images for each of the main and
sub-level buttons, but only for the active state. I cannot figure
out how to use a different set of "hover images" for the hover
state. Note-- Each button and submenu button in the entire menu are
different images, so I suspect I need to use different ID's for
each, but I am not sure how to set that up in the
SpryMenuBarHorizontal.css file for each different button in, at
least, the active and hover states. Can anyone offer some help with
this?:

Answer 1

V1 - Thank you for the suggestion, but this does not exactly
solve my dilemma. In its simplest terms, this is what I want to do:
Create a single drop-down menu where there is "Item 1" with
submenus "Item 1.1", "Item 1.2", and "Item 1.3". But, I want to use
different images for each item and subitem in their Active and
Hover states. So, in this example, there would be 8 different
images... An Active and a Hover image for each of Item 1, Item 1.1,
Item 1.2 and Item 1.3.