CMS Made Simple Forums

Posted: **Fri Aug 24, 2007 3:10 pm**

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

Posted: **Mon Aug 27, 2007 3:05 pm**

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)

Posted: **Wed Jan 16, 2008 2:57 pm**

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?

CMS Made Simple Forums

[Solved] CSSMenu Vertical - unwanted margins appearing in IE7

[Solved] CSSMenu Vertical - unwanted margins appearing in IE7

Re: CSSMenu Vertical - unwanted margins appearing in IE7

Re: [Solved] CSSMenu Vertical - unwanted margins appearing in IE7