Page 1 of 1

[Solved] Vertical CSS Menus Disappear in IE7

Posted: Sat Apr 25, 2009 2:52 pm
by dcx0014
Using 1.5.3 with no hacks. Current Apache, Linux, PHP. Not sure of versions.

I built a vertical css flyout menu with 3 levels of pages. When using IE7 and the mouse is place over the 2nd level, it disappears if you try to scroll down. I suspect I need to tweak my css sheets but can't figure it out. If this is not clear enough I can provide a screenshot or video.

This has been brought up before in the forums but I can't find the code modified in that post. Maybe because it was a while ago, older version.

See: http://forum.cmsmadesimple.org/index.ph ... 153.0.html

Thank you for any help!

Re: Vertical CSS Menus Disappear in IE7 - See video

Posted: Sat Apr 25, 2009 8:32 pm
by Dr.CSS
A link would be so much better as no one can see the code you are using, BTW I tried the video and it shut down my browser, thanks...

Re: Vertical CSS Menus Disappear in IE7 - See video

Posted: Sun Apr 26, 2009 12:04 am
by dcx0014
(Link removed) is the page

Sorry about the video problem. Those avi's never gave me any trouble before?

Re: Vertical CSS Menus Disappear in IE7

Posted: Sun Apr 26, 2009 3:10 am
by Dr.CSS
Ok yes ie7 is funny that way, if you look at the top sticky post here you see how to target diff. browsers, use the one for ie7 and give your li li a negative bottom margin like 2 or 3 px...

Re: Vertical CSS Menus Disappear in IE7

Posted: Sun Apr 26, 2009 3:21 am
by dcx0014
I followed your instructions and added this to my >> Navigation: CSSMenu - Vertical

Code: Select all

*:first-child+html #ID or .class {
   ie7
}
Then I changed this in the same stylesheet...

Code: Select all

#primary-nav li { 
   margin-bottom: -1px; 
   position: relative; 
}
Changed to..

Code: Select all

#primary-nav li { 
   margin-bottom: -2px; 
   position: relative; 
}
It worked perfectly! Thanks so much for your help Mark. Really appreciated.