I'm trying to make a small change to your great menuing system to allow the submenus to be varying widths. I did this simply by attaching an ID to the <UL> of the submenu. It works great in Moz, but has the effect in IE of seperating the main level menu when the submenu appears. It is easier to see than it is to describe. Take a look at:
http://www.bhsboosters.org/multimenu.html
As you mouse over the main menu you will see that the 2nd and 4th submenus have different widths. When using IE, mousing over these options causes the top level menu to split apart by the exact same width as the submenu.
Any ideas on what the heck I'm doing wrong here?
Thanks!
Sub Menu Width
Hi ljhardy,
Sorry for the slow reply I have had a busy week.
You can fix you main problems by changing position in #nav ul to position:absolute;
and change margin-left:8em; to left:8em; in #nav ul ul, #nav ul ul ul{
You also have a couple of typos margin-tip should be margin-top and text-position: center; doesn't exist.
Hope that helps
That fixed it!!
Thanks Tony, your suggestions did the trick!
Best Regards,
Len