CMS Made Simple Forums

Hi all,

Please excuse me if this has already been asked and answered, but I couldn't find any related issues when I searched.  Anyways, I have discovered that when using Internet Explorer 7 in conjunction with the default vertical navigation menu, ugly gaps appear above each menu item.  This does not occur in Internet Explorer 6.5 or any other browser I have tested.  You can see what I mean by viewing the initial example that comes with CMSMS (I'll also attach some screenshots):

http://demo.opensourcecms.com/cms/

If you view it in IE7 you will see spaces between each item, but if you view it in any other brower the gaps will not be there.  If anyone has a hack or solution to this issue, I would greatly appreciate it.  I'm not sure if it's the CSS causing it or if it's the way the menu is rendered - and I'm far from an expert at the subject. Thank you.

IMHO you should try to set the pre menu space in css. If is not set IE thinks he should include someone ...

Thank you for the suggestion, Cyberman.  I added a single "height" attribute to the menu style and it seems to have worked!

ehmm, IE7 is still in beta isn't it?
Why don't you file a bug for it while you still have a chance to get some reaction from the beast.

I am at a loss where to add the height attribute and what it should be set to.

Can someone please help me out on this one.

Thanks.

And if you increase the text size in the browser? The menu needs to be higher in that case. Anyone has a solution for this case? Screen of my case: