title: Chosen dropdown within Bootstrap modal is hidden behind modal footer
body: <p>I am using a modal based on the example from twitter bootstrap.  I have a select element that uses chosen.  When the chosen select drops down, it is cut off by the modal footer.  I tried to add the z-index value on the chosen elements, but nothing works.  I'm looking at it in tilt, and wonder if it is just because the select element is with divs that are before the modal footer div?  I'm using the default CSS from chosen and bootstrap for this as well, so I haven't modified anything.</p>
  
  <p>example.
  <img src="https://i.stack.imgur.com/FOul7.png" alt="enter image description here"></p>
  
  <p>HTML:</p>
  
  <pre><code>            &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;
                      ×&lt;/button&gt;
                  &lt;h3&gt;
                      Add Tag&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                  &lt;div class="control-group"&gt;
                      &lt;label for="addedTags"&gt;
                          Add tags (separated by commas)
                      &lt;/label&gt;
                      &lt;input id="addedTags" style="width: inherit" type="text"&gt;
                  &lt;/div&gt;
                  &lt;div class="control-group"&gt;
                      &lt;label for="deleteTags"&gt;
                          Delete tags
                      &lt;/label&gt;
                      &lt;select style="display: none;" class="tags chzn-done" id="deleteTags" multiple="multiple" name="deleteTags"&gt;&lt;option value="49"&gt;Accessories&lt;/option&gt;
      &lt;option value="69"&gt;AG_Adriano_Goldschmied&lt;/option&gt;
      &lt;option value="37"&gt;BCBG&lt;/option&gt;
      &lt;option value="38"&gt;Bebe&lt;/option&gt;
      &lt;option value="45"&gt;Bernie_Dexter&lt;/option&gt;
      &lt;option value="19"&gt;Black&lt;/option&gt;
      &lt;option value="6"&gt;Blue&lt;/option&gt;
      &lt;option value="66"&gt;Body-Con&lt;/option&gt;
      &lt;option value="71"&gt;Casual&lt;/option&gt;
      &lt;option value="39"&gt;Christian_Louboutin&lt;/option&gt;
      &lt;option value="64"&gt;Clear&lt;/option&gt;
      &lt;option value="50"&gt;Coach&lt;/option&gt;
      &lt;/select&gt;&lt;div style="width: [object Object]px;" class="chzn-container chzn-container-multi chzn-container-active" id="deleteTags_chzn"&gt;
  &lt;ul class="chzn-choices"&gt;&lt;li class="search-field"&gt;&lt;input value="Select Some Options" class="default" autocomplete="off" style="width: 149px;" type="text"&gt;&lt;/li&gt;&lt;/ul&gt;
  &lt;div class="chzn-drop" style="left: 0px; top: 29px;"&gt;&lt;ul class="chzn-results"&gt;&lt;li id="deleteTags_chzn_o_0" class="active-result highlighted" style=""&gt;Accessories&lt;/li&gt;&lt;li id="deleteTags_chzn_o_1" class="active-result" style=""&gt;AG_Adriano_Goldschmied&lt;/li&gt;&lt;li id="deleteTags_chzn_o_2" class="active-result" style=""&gt;BCBG&lt;/li&gt;&lt;li id="deleteTags_chzn_o_3" class="active-result" style=""&gt;Bebe&lt;/li&gt;&lt;li id="deleteTags_chzn_o_4" class="active-result" style=""&gt;Bernie_Dexter&lt;/li&gt;&lt;li id="deleteTags_chzn_o_5" class="active-result" style=""&gt;Black&lt;/li&gt;&lt;li id="deleteTags_chzn_o_6" class="active-result" style=""&gt;Blue&lt;/li&gt;&lt;li id="deleteTags_chzn_o_7" class="active-result" style=""&gt;Body-Con&lt;/li&gt;&lt;li id="deleteTags_chzn_o_8" class="active-result" style=""&gt;Casual&lt;/li&gt;&lt;li id="deleteTags_chzn_o_9" class="active-result" style=""&gt;Christian_Louboutin&lt;/li&gt;&lt;li id="deleteTags_chzn_o_10" class="active-result" style=""&gt;Clear&lt;/li&gt;&lt;li id="deleteTags_chzn_o_11" class="active-result" style=""&gt;Coach&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;
                      Close&lt;/button&gt;
                  &lt;input class="btn btn-primary" id="btnAddTags" value="Save" type="button"&gt;
                  &lt;span class="loader"&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class="alert alert-error hide"&gt;
                  &lt;button type="button" class="close" data-dismiss="alert"&gt;
                      ×&lt;/button&gt;
                  &lt;strong&gt;Error&lt;/strong&gt; &lt;span class="alert-msg"&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class="alert alert-success hide"&gt;
                  &lt;button type="button" class="close" data-dismiss="alert"&gt;
                      ×&lt;/button&gt;
                  &lt;strong&gt;Success&lt;/strong&gt; &lt;span class="alert-msg"&gt;&lt;/span&gt;
              &lt;/div&gt;
  </code></pre>