Layer Position in Firefox

[Thor]

I'm designing a drop-down menu. It looks fine in IE 6, but in Firefox the
sub-layer overlaps the parent layer. Any experience with fixing this?

http://loxahatcheefriends.com/Navbar_x.html

Mouse over the "About Us" button.

 

[Ronx]

This type of menu construction can get very tedious and difficult.
Before you go too far I suggest you look at the menus from:
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
http://www.seoconsultants.com/css/menus/tutorial/

which are easy to build and maintain.

http://www.rxs-enterprises.org/tests/menu/menu-behaviours.htm shows a
working example of the FrontPage behaviours menu construction - though
it was built using Expression Web the ideas and principles are the same.
Note that the close menu leaf function is on each link in the main menu,
not on the menu leaf layer itself (which in your example often fails to
close in both IE7 and FireFox), and also uses an image behind the menu
to close the sub menu leafs.

Your layers look correct in FireFox, but wrong in IE (and are probably
wrong in FrontPage as well) based on the positioning used. Take the
layer for the submenu out of the layer for the main menu and reposition
to the correct place.

<div id="mainmenu">menu buttons</div>
<div id="aboutSubMenu">sub menu buttons</div>

 

[Thor]

Thanks for the help, Ron. I'm sure you're right, since I'm getting grief
from the current structure.

Take the layer for the submenu out of the layer for the main menu and
reposition

to the correct place.

I was following the approach laid out in Colligan and Cheshire, Using
Microsoft FrontPage 2003. Their reason for nesting the submenu inside the
main menu <div> is so that alignment of the two menus remains fixed, no
matter where you move the main menu. By enabling the use of child layers,
FP2003 encourages this approach. If that's the source of my problem, I can
easily give up the auto-alignment.

It seems that FP2003 provides the user with all the tools to really screw up
layers. Not the first time, even for me. Your first reference looks ideal,
even providing an opportunity to refresh my knowledge of CSS.

Again, thanks.