Jquery多选与下拉问题

Question

我在选择框中使用了多选JQuery。 问题是当我把这个选择框放在div标签中时，它看起来像这样 图片：http://prntscr.com/ehdvgx

我尝试了一些类似“z-index：9999999”的CSS但不起作用。

所以请帮我解决这个问题。

JS代码：

$('#sch_resource').multipleSelect({
    filter: true,
    placeholder: "<?=_("Select Resources")?>"
});

HTML代码：

<div id="smartwizard">
    <ul>
    <li><a href="#step-1">Step 1<br /><small><?=_('What')?></Small></a></Li>
    <li><a href="#step-2">Step 2<br /><small><?=_('Where')?></small></a></li>
    <li><a href="#step-3">Step 3<br /><small><?=_('When')?></small></a></li>
    </ul>
     <div class="custom_scrollbar" style="overflow: auto;">
     <!-- STEP 1 -->
          <div id="step-1" class="wrapper"  > 
                 <select name="sch_resource" id="sch_resource" style="width: 98%; margin-bottom: 15px;"  multiple="multiple"></select>
          </div>
    </div>
</div>

CSS代码：

#sch_resource
{
   z-index:999999;
}

谢谢