Menu Jumping Alternative for Position: Relative in IE7

Hi I have designed a website, its working fine in all browser exept IE7.

URL is : http://www.iqdynamics.com/

I am using Dynamic Drive Jquery Horizontal Drop downMenu.

In IE7 Dropdown second level menu blink and cant display on mouse over. I noticed if i make change in a slide banner(below Menu Bar) CSS than it works fine.

************ SLIDE BANNER CODE **************

<div id=“slides” style="overflow: hidden; position: relative; height: 242px; ">

************ CODE END***********
If I make the “position: absolute” it works fine but sliding banner dissapears.

For IE7 Hack i used is :

************ CODE **************
<!–[if lte IE 7]>

<style type=“text/css”>

html .jquerycssmenu{height: 1%; z-index: 309; } /Holly Hack for IE7 and below/
html .jqueryslidemenu ul{ position: absolute;)
#container .rightnavi ul{ margin: 20px; list-style-image:url(…/images/tick.gif); line-height:22px; }
#container .rightnavi li{ margin-left: 13px; padding-left: 10px; }

</style>

<![endif]–>
*********** CODE END****************

Please help me to guide or resolve my problems. I have tweeked since long time to resolve :(.

Thanks

Hi,

IE7 usually likes a background to the ul to keep it steady.

Try this:


.jqueryslidemenu ul ul{background:#fff}


It shouldn’t change the look as the inner elements have color anyway.

HI Thanx for the response but it not working.

Actually i noticed the first 2 menu i can browse but as it goes over the banner(3rd menu in second level) if flikkers, blink and disappear. I think z-index not working for IE 7 properly.

Hi,
I did not see where you added the selector that Paul suggested, it would have worked.

However if you add a BG color to this existing selector on line 47 in your jqueryslidemenu.css it will do the same thing. :wink:

/*1st sub level menu*/
[B].jqueryslidemenu ul li ul[/B]{
position: absolute;
left: 0;
display: block;
visibility: hidden;
[COLOR=Blue]background: #FFF;[/COLOR]
}

Yes as Ray said above the fix does work and we both usually test our fixes before we give them :slight_smile:

Thanks a lot Paul and Ray. Now its working :slight_smile: