[Solved] Vertical CSS Menus Disappear in IE7

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

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

[dcx0014]

(Link removed) is the page

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

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

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