带有下拉问题的Jquery multiselect

我已经对选择框使用了multiselect JQuery。 问题是当我把这个选择框放在div标记中时，它看起来是这样的 图片：

我试过一些CSS，比如“z-index:9999999”，但不起作用

所以请帮我解决这个问题

JS代码：

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

<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>

#sch_resource
{
   z-index:999999;
}

---

谢谢

您能分享您的试用代码吗？您能分享代码或链接吗？