Page 1 of 1

[SOLVED] IE7 bug? Extra space in menu

Posted: Mon Jun 29, 2009 8:47 am
by jocando
Hi

I've created a basic website using CMSMS 1.5.4.  I've adapted the 'CSSMenu Vertical' spreadsheet, and found there's a problem with the menu in IE7.  There's a small gap (1px?) appearing at the top of each so the sub-menu keeps disappearing as you hover it.  It's fine in all other browsers.

Here's what it should be like:
Image

Here's what it's like in IE7:
Image

Any ideas what's wrong?

Thanks
Jo

Re: IE7 bug? Extra space in menu

Posted: Tue Jul 07, 2009 1:39 pm
by jocando
Hi

When I initially posted this, I thought it was an IE8 problem.  Turns out I was in compatibility view, and IE8 is fine.  HOWEVER, the problem was still occuring in IE7.

I know it's some kind of whitespace bug, but there's already a hack in the stylesheet to cope with that.  After a LOT of trial and error, adding a line-height of 1.1em or more seems to fix it.

#primary-nav a {
line-height: 1.1em;
}

Jo