Hi, I've got a CSS Menu which has given me weeks of trouble working in Internet Explorer. No sooner have i managed to get it working in IE6 and below, it is now playing up in IE7. The CSS Menu is an expanding menu and in IE7, hovering over one menu item seems to expand all of them at once. A link is attached.

 

http://staged.creativemarketingservices/test/index.html

 

can anybody help me to get this to work properly in IE7 too? Perhaps a conditional statement?

 

Thanks

 

PS. Yes i know my code isnt exactly tidy, but i need this working as quick as possible!

your link doesn't work - so can't see what you've done...

Yea, can't open the link.

 

What I usually do when I design websites is make them work in Firefox, Opera, Safari at first. Then I use conditional comments and include fixes for the various IE versions.

I can't fix the menu but .co.uk was left out of the link. I believe it should be http://www.staged.creativemarketingservice...test/index.html

 

(Correct me if I'm wrong)

I think you've got the link right there...the menu works fine in Firefox, although it's a bit odd as the menu's expand upward which is not the norm, but maybe that's what you're after. I don't have IE6 but in IE7 all the menu's appear at the same time as you've mentioned.

 

I notice you've got this in your code:

<!-- InstanceEndEditable -->
<!--[if lte IE 6]>
<style type="text/css">
div.menu:hover div.popup li a {display:inline-block;}
div.menu:hover div.popup li a {display:block;}
div.menu:hover div.popup {margin-left:-3px; bottom:11px;}
div.mainmenu {font-size:10px; top: 5px;}
</style>
<![endif]-->

<!--[if IE 6]>
<style type="text/css">
div.mainmenu {font-size:10px; top: -2px;}
</style>
<![endif]-->

 

Surely you can add some code to give instrcutions specific to IE7 in the same way.