IE7 z-index issue for sbOptions

[GoogleCodeExporter]

What steps will reproduce the problem?
Open any instance of this plugin usage in IE7.

What is the expected output? What do you see instead?
sbOptions should be over the top of every other element, but it's under.

What version of the product are you using? On what operating system?
Using v 0.1.3 and testing on Mac/PC in FF, Chrome, Safari, IE7-9. Only problem 
is in IE7.

Please provide any additional information below.
I've tried normal IE7 z-index fixes - which aren't working.

Original issue reported on code.google.com by wdni...@gmail.com on 17 Apr 2012 at 10:42

Attachments:

• [Screen Shot 2012-04-17 at 6.41.38 PM.png](https://storage.googleapis.com/google-code-attachments/select-box/issue-8/comment-0/Screen Shot 2012-04-17 at 6.41.38 PM.png)

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

I have this problem as well, has anyone managed to find a solution to this 
otherwise super little plugin?

Original comment by davow...@googlemail.com on 9 Oct 2012 at 4:43

[GoogleCodeExporter]

I still haven't found a real solution. For the final product, I had to just 
disable the plugin specifically for IE7 and use default select fields. 

Original comment by wdni...@gmail.com on 9 Oct 2012 at 4:49

[GoogleCodeExporter]

Has anyone found a solution to this issue yet?  

Original comment by rjmacar...@googlemail.com on 16 Nov 2012 at 11:19

[GoogleCodeExporter]

you can try out this :

SCRIPT:
------
$(function() {
    var zIndexNumber = 1000;
    $(".msRegFormLeft div").each(function() {
        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
});

where msRegFormLeft is some wrapper around your select boxes:

HTML:
----
        <ul class="msRegFormLeft msLabelAd msFleft">
            <li>
                <label for="fname">Role<span class="red">*</span> :</label>
                <span>
                    <select name="Select Date" id="selectRole">
                        <option value="">All</option>
                        <option value="1">Option 1</option>
                        <option value="2">Option 2</option>
                        <option value="3">Option 3</option>
                        <option value="4">Option 4</option>
                        <option value="5">Option 5</option>
                        <option value="6">Option 6</option>
                        <option value="7">Option 7</option>
                    </select>
                </span>
            </li>
            <li>
                <label for="fname">Country<span class="red">*</span> :</label>
                <span>
                    <select name="Select Date" id="selectCountry">
                        <option value="">All</option>
                        <option value="1">Option 1</option>
                        <option value="2">Option 2</option>
                        <option value="3">Option 3</option>
                        <option value="4">Option 4</option>
                        <option value="5">Option 5</option>
                        <option value="6">Option 6</option>
                        <option value="7">Option 7</option>
                    </select>
                </span> 
            </li>
            <li>
                <label for="fname">State/Province<span class="red">*</span> :</label>
                <span>
                    <select name="Select Date" id="selectStateProvince">
                        <option value="">All</option>
                        <option value="1">Option 1</option>
                        <option value="2">Option 2</option>
                        <option value="3">Option 3</option>
                        <option value="4">Option 4</option>
                        <option value="5">Option 5</option>
                        <option value="6">Option 6</option>
                        <option value="7">Option 7</option>
                    </select>
                </span> 
            </li>
        </ul>

Original comment by SRIVIDH1...@gmail.com on 19 Feb 2013 at 5:45

[GoogleCodeExporter]

Issue is on the chrome 28.0.1500.95 m (after sort by sortable plugin) as well 
and  SRIVIDH1...@gmail.com does not help.

Original comment by tomryche...@gmail.com on 20 Aug 2013 at 10:00