I have a menubar with just one item that I'm trying to skin with a small .gif image. The skin image has a size of 10w X 9h. I used the css backgroundSkin selector to apply the image and then resized the menubar component to 10w X 9h. The skin looks perfect, except when I try to click the menubar nothing happens. It appears as if the hit area is invisible because if I increase the buttonBar size to 20w X 19h the hit area exist along the very right edge.
So, in other words, if I make the menubar as small as I need it, the hit area goes away. I've also tried to use the CSS itemUpSkin, and it places the image in the hit area, which of course, cuts off the image if too small. Is there any way I can increas the hit area of the MenuBar to cover the entire visable part of the menuBar items?
