IE7 problem with image dropdowns below each other

[Kefke1990]

To reproduce the problem:

• Go to http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/mouse-events.html in IE7
• Click 'Convert to image dropdown'
• Open the first dropdown and you will see that the second dropdown is visible throught the first one.

[pedromagalhaes]

Use version 2.36 of MSDropDown, with v1.4.2 jQuery. This z-index bug does not exist :/

[Kefke1990]

Normally people want to use the latest version and not a previous ...

[pedromagalhaes]

Of course, i agree! Unfortunately it was a solved issue on a previous version. The plugin author didn't test it right.

[sstapleton]

Ran into exactly the same problem, from IE9 in compatibility mode: +1.

[williamkhoo]

http://css-tricks.com/snippets/jquery/fixing-ie-z-index/

[abdullahtayyab]

@pedromagalhaes I tried using the exact combination you suggested, but the dropdowns are still hiding behind one another. I used the sample from associated with this project. Could you please help me out here? Thanks.

[CarstenHeinrich]

If you put the selects in div's, it's working.

<div id="SurroundingDIV" style="display: inline;position:relative;z-index:4;">
<select....
</div>

[abdullahtayyab]

This would work for any version of jQuery vs msDropdown? Or does this need specific versions too? Thank you so much for your help - I really need to get this working. Thanks again.

[CarstenHeinrich]

No, it does not need specific versions.

[abdullahtayyab]

Alright, thank you. I got it working on the sample project but couldn't do
so on the bigger project - but thanks much for your help anyways!

On Thu, Oct 18, 2012 at 2:47 PM, CarstenHeinrich
notifications@github.comwrote:

No, it does not need specific versions.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/22#issuecomment-9558851.