Hi

I have a menu control which is vertically positioned on the left hand side of my web app. To style my control, I am using CSS, and this works fine when I have my screen in running in one size screen resolution. However, when I change screen resolution the menu control changes.

The actual problem I have is with the hover effects for links and the arrows for showing sub menu items. The control sits with in div tag that has a width of 15%, and I made my control to be 100% of the 15%. Can someone help me as to how I can get the arrows to resize to sit at the end of 15%, i.e. 16% and the hover effects on the menu items to always resize to 15% regardless of screen resolutions. The effects I am getting are that the arrows always sit to the size of the main menu items rather than to the edge of the div tag, the hover effects of the main menu items either overflow the div tag where the control sits, or its width is smaller than it. Therefore, all I need is a bit of help as to resizing so it always fits!

Thanks

This is CSS issue, and it is hard to solve it without any code.

I sugges testing this with FF, and using the Firebug to solve this issue.

 Try to implement on the style Properties of the Menu control same as CSS have

and also Give Width od menu controls to 100% so it will not resize again

Chintan Dave.