A search of the forums shows two approaches, to use an image for a button in a
Spry menu.

One of them uses HTML to put an <img> into the [LI]. Here is the example I
found cited [contributed by arandlett - though said there not to work in IE7].

<ul class="MenuBarVertical" id="MenuBar1">
[LI]<img src="images/bullet.png" align="left" /><a class="MenuBarItemSubmenu"
href="index.htm">home</a></li>
[LI]<img src="images/bullet.png" align="left" /><a href="#">About</a> </li>
[/BULLET]

The other advises "find "background-color" and change it to "background-image:
url(link/to/image)" " [contributed by The only RaM].

Underlying of course, is the question, how does the HTML interplay (or not!)
with the Spry javascript?

By this time, there must be pretty wide experience. After all, putting
interesting buttons in the popups/dropdowns is in many ways what this is about.

We would be quite appreciative to learn what experience indicates, now, is
best practice. Or, does it depend, on ... ?

Thanks in advance for your , David Allen

Let me add a note to my own post.

We would still be delighted to hear others' experience, with images in Spry
menus. One thing does emerge with a little further look: The Spry menu is
suited to using the _same_ image for each button. If the desire is to vary that
image (such as to use an unusual font, so that the text changes on each image),
then Fireworks clearly is the tool of choice.

Again, we would be pleased to hear other experiences, David Allen