[SOLVED] IE7 bug? Extra space in menu

[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:


Here's what it's like in IE7:


Any ideas what's wrong?

Thanks
Jo

[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