title: How to make IE 9 work with Bootstrap Multiselect plugin by davidstutz?
body: <p>There's this great plug-in by David Stutz for a multi-select options list using Bootstrap and jQuery.</p>
  
  <p>Resources:</p>
  
  <p><a href="https://github.com/davidstutz/bootstrap-multiselect/" rel="nofollow noreferrer">Source on Github</a></p>
  
  <p><a href="http://davidstutz.github.io/bootstrap-multiselect/" rel="nofollow noreferrer">Documentation and examples</a></p>
  
  <p>It works perfect with Google Chrome, Mozilla Firefox or any other modern browser I've tested it with.</p>
  
  <p>My issue is with IE, specifically with version 9.0.8112.
  I'm trying to lay out several multiselect controls, one beneath the other.</p>
  
  <p>You can notice in the snapshot below that IE hides an expanded list "behind" the multiselect control beneath it.</p>
  
  <p><img src="https://i.stack.imgur.com/uerMb.png" alt="Snapshot of the problem"></p>
  
  <p>HTML code below:</p>
  
  <pre><code>    &lt;div id="filters_inner"&gt;
          Year:
          &lt;select id="example6" class='multiselect_filter' multiple="multiple"&gt;
          &lt;option value="2010"&gt;2010&lt;/option&gt;
              &lt;option value="2011"&gt;2011&lt;/option&gt;
              &lt;option value="2012"&gt;2012&lt;/option&gt;
              &lt;option value="2013"&gt;2013&lt;/option&gt;
              &lt;option value="2014"&gt;2014&lt;/option&gt;
          &lt;/select&gt;
          &lt;br/&gt;Quarter:
          &lt;select id="Select1" class='multiselect_filter' multiple="multiple"&gt;
          &lt;option value="1"&gt;Q1&lt;/option&gt;
              &lt;option value="2"&gt;Q2&lt;/option&gt;
              &lt;option value="3"&gt;Q3&lt;/option&gt;
              &lt;option value="4"&gt;Q4&lt;/option&gt;
      &lt;/select&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>JS code:</p>
  
  <pre><code>    $(document).ready(function () {
          $('.multiselect_filter').multiselect({
              numberDisplayed: 1
          });
      });
  </code></pre>
  
  <p>Minor CSS modifications (I've verified that those are not the cause):</p>
  
  <pre><code>.btn-group button {
      padding: 1px 3px 1px 3px;
      font-family: Verdana;
      font-size: 11px;
      color: #333333;
      text-align: left;
  }
  select {
      text-align: left;
  }
  </code></pre>
  
  <p>I would love to know wheter there's anyone with the notion of how this can be resolved on IE 9.</p>