I'm working on a skin with a vertical menu that uses a gradient over the buttons.  I'd like to use the solpart menu (or housemenu), but am having a problem trying to keep the gradient when making the menu.  Here is an image of what the menu will look like when finished:

My problem is, I can't figure out how to keep the gradients in this.  Is there a way to define an button image and respective rollover image for each individual menu item?  I believe I can actually get the menu to work if there is a way to specify that the first image button (i.e. "Solutions") has one image, the next x images have another image, and the final image (i.e. "Contact Us") uses a final image.  Any ideas?

Thanks!

Thanks for the suggestions.  I did consider going the route of putting in static HTML, which is still an option, but I wanted to see if there were a way to customize the solpart menu or housemenu further.

The problem with the css way is that each button needs to have a different setting or background image, since the gradient stretches over all of the buttons.  Is there a way to set a different image as the background for each solpart menu button?

i.e.  Solutions has a background image of 1.jpg, Industries has a background image of 2.jpg, Clients is 3.jpg, etc.

If this won't work, the site won't be too large, so I'll just go the HTML route, but I wanted to see if this is possible.

Thanks!

Thanks for your info, I think that will work for me!