Hi, I am using the Menu component, and trying to use individual 'sprites' for each menu item
The items are created dynamically from data from a database, and each is assigned an image file to its ImageUrl property.
The images consist of the image in 2 states, horizontally in the file - the normal image and a highlight image.
When the menu is displayed, it shrinks the entire image to fit the 24px size, rather than trimming it.
My CSS is shown below.
margin: 1px 2px 0 -3px;
background-position: -2px 0;
Is there a way to:
1. Trim the image instead of resizing it.
2. Change the source position so that the highlight image is shown on rollover.