Menus or arrows are displaying as gray boxes in the browser (MM2)
Article Applies To:
MenuMachine 2 only
GoLive CS, CS2
Mac, Windows
Article ID: 000093
Category: Browser Issues
Issue
When the menu is viewed in some browsers, the menu items, icons or arrows are displayed as gray boxes.
This occurs because some of the default style sheets supplied with the GoLive template sites specify a gray background color for all <img> tags.
This means that any transparent areas on images in the site will display as solid gray. The menu implementation in Internet Explorer and Opera uses transparent images in the menu items which are turned gray by the style sheet.
Solution
Upgrade to the latest version of MenuMachine 2, which fixes the problem for the transparent images over each menu item. If you have images, icons or arrows that are appearing as gray boxes then you will need to modify the style sheet.
To fix the style sheet:
1. Open the .css file that GoLive created for you.
2. Switch to source mode in the CSS editor.
3. Change this line:
img { background-color: #eee; border-style: none; border-color: }
to this:
img { border-style: none; }
4. Save the style sheet.
You may need to refresh the cache in your browser to get it to load the new styles.
Last updated: July 29, 2006
This article has been viewed 2768 times.