title: Multiselect options getting hidden behind the div below it
body: <p>I am using multiselect drop down list inside a table cell.
  But when I click it the options are hidden behind the contents of the cell below it. </p>
  
  <p>What am I doing wrong?</p>
  
  <pre class="lang-js prettyprint-override"><code>$('#example-getting-started').multiselect({
    buttonWidth: '700px',
    maxHeight: 200,
    buttonText: function(options, select) {
      var labels = [];
      options.each(function() {
        if ($(this).attr('label') !== undefined) {
          labels.push($(this).attr('label'));
        } else {
          labels.push($(this).html());
        }
      });
      return labels.join(', ') + '';
    }
  });
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="attachedInfoOpts"&gt;
    &lt;select id="example-getting-started" multiple="multiple"&gt;
      &lt;option value="Breating Exercises" selected="selected"&gt;Breating Exercises&lt;/option&gt;
      &lt;option value="Prescription"&gt;Prescription&lt;/option&gt;
      &lt;option value="Health Dieting Information" selected="selected"&gt;Healthy Dieting Information&lt;/option&gt;
      &lt;option value="Health Dieting Information" selected="selected"&gt;Healthy Dieting Information&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>