[Solved] CSSMenu Vertical - unwanted margins appearing in IE7

[TonyP]

I have a new installation of 1.1 and am encountering problems with the CSSMenu - Vertical in IE7.

When I mouse over a menuparent, a 1 or 2px margin appears at the bottom of the menuparent. This margin is leading to a couple of problems:

• The menu jumps around a bit as the parents are moused over.
• Worse - If the parent is also a child (in 2nd or 3rd level) and my cursor crosses the margin too slowly the submenu dissappears (as if I've moused out of that level).

I have tried adding "margin-bottom: -1px;" to everything I can think of with no results.

Everything works great in Firefox but most of the world hasn't seen the light yet so I kinda need to fix it up for IE.

Thanks in advance for any help,

Tony

[TonyP]

Problem solved. I stuck the following in the stylesheet:

Code: Select all

#primary-nav li.menuparenth {
   margin-bottom: -2px;
   padding-bottom: 0px;
}

This removes the extra space in IE but doesn't affect other browsers (they don't get the class menuparenth generated by the javascript)

[dstauth]

Thanks for this.  I was having the same issue with my CSSMenu - Vertical.  Wondered why this problem does not come up more.  Are people not using vertical menus or are they just not using/testing on IE?