Unfortunately, absolute positioning is a concession I had to make for the sake of cross-browser compatibility. Try as I might, I couldn't get all major browsers to agree on how a relative-positioned menu was to be displayed, let alone multiple relative-positioned menus (you'd be surprised at how much trouble ensued when they overlapped!). Either the menu was shifted slightly down vertically in Opera, or Netscape was displaying the borders of the menu wrong... in the end I had to be contented with an absolute-positioned menu.
1) The menu was designed for use in a left-aligned site. On my intro page ONLY, the menu will be center-aligned. The problem with this is that fact the the DIV's rely on absolute postioning. How can I overcome this?
The menu items take their background colour from this piece of CSS:
2) The original menu used only one background color for each menu. I want to use a different background color for each menu. I have accomplished this in IE by creating duplicate styles for each menu item, then changing the bg color. But as you might expect, it does not work in Netscape. I have narrowed it down to the part that I must change/add to in NS, but I don't know how to proceed.
In Netscape, the DIV that contains the actual text just covers the text itself.
3) I would like to know if it possible to make each menu a different width? As you can see from the mockup, each button is a different width, and I would like the menu's to be the same width. This one is not that important as I can change the images themselves if I need to.