On most browsers (IE7, some installs of Firefox) it works fine. It is a vertical menu, positioned inside a <ul> tag, with submenus that are supposed to open up immediately to the right of the parent menu item However, on some installs of Firefox (I can't figure out what distinguishes them, though one interesting thing is that the FF install where this doesn't happen has FireBug as an extension, and when FireBug is activated, the bug is replicated), instead of the submenus opening up with their top item aligned with the calling item of the parent menu (as they are supposed to), all of the submenus open up with their bottom positions fixed in exactly the same point, somewhere around the middle of the parent menu. Thus, the tops of the submenus are higher up on the page (and in some cases hidden by a flash animation) depending on how many items there are in the submenu.
I have tried fooling around with position:relative, top and right fixed positions, fixMozillaZIndex=true, putting the entire menu in a table or no table. It always gives me the same result on these browsers - instead of submenu items opening up with the topmost item aligned with the parent menu item, they all open up with their bottom fixed in the same position for all submenus.
Any ideas what could be causing this and how to fix it?
Here is the pertinent code from menu_data.js:
Code: Select all
_menuCloseDelay=300;
_menuOpenDelay=100;
_subOffsetTop=1;
_subOffsetLeft=1;
with(menuStyle=new mm_style()){
align="left";
bordercolor="#000080";
borderstyle="solid";
borderwidth=1;
fontfamily="Arial, Verdana, Tahoma";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#FFFFFF";
offcolor="#000000";
onbgcolor="#E0E2FF";
oncolor="#000000";
onbold=1;
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Shadow(color=#777777', Direction=135, Strength=2)";
padding=5;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#000080";
separatorsize=1;
itemwidth="140px";
}
Thanks!