I have horizontal spry menus on two different pages in my site. One menu has four items, the other has two items. Since the SpryMenuBar.css file defines BOTH menus, I created a box with absolute positioning to hold my spry menus (which are relatively positioned). That gets the menus where I want them on the page, but...
The items in the two-item menu are not located properly under the images they need to be under. Is there some kind of space I can add between the boxes in the two-item menu that won't effect the four-item menu on the other page?
Can you provide a link so we can see what you've done?
Thanks for getting back to me... I know I posted this message quite a while ago. I ended up using single-item menus and positioning them relatively, within a box that is absolutely positioned.
I didn't know how else to space the two menu items within a single menu.
My page is at brucebever.com if you'd like to see the "final" version... I still have to figure out how to optimize it for IE, but if you use safari or FF, you should be able to see the site as I intended it.