title: JQuery Chosen Selectbox in Container with overflow: hidden
body: <p>I'm trying to use chosen to style Selectboxes in my application. Unfortunately it acts different then the native select boxes when it comes to containers with overflow: hidden.</p>
  
  <p>When i open up the popup it will not be (or pertially be) visible.</p>
  
  <p><strong>Html</strong>:</p>
  
  <pre><code>&lt;div class="layoutContainer"&gt;
      &lt;select class="select-chosen"&gt;
          &lt;option&gt;Option A&lt;/option&gt;
          &lt;option&gt;Option B&lt;/option&gt;
          &lt;option&gt;Option C&lt;/option&gt;
      &lt;/select&gt;
      &lt;select&gt;
          &lt;option&gt;Option A&lt;/option&gt;
          &lt;option&gt;Option B&lt;/option&gt;
          &lt;option&gt;Option C&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong>:</p>
  
  <pre><code>.layoutContainer{
      background: #660066;
      overflow: hidden;
      height: 40px;
  }
  </code></pre>
  
  <p><strong>JavaScript</strong>:</p>
  
  <pre><code>$(document).ready(function(){
      $(".select-chosen").chosen({
          disable_search : true,
          width: "150px"
      });
  });
  </code></pre>
  
  <p>And here's the corresponding <a href="http://jsfiddle.net/ZJ73j/1/" rel="nofollow">JsFiddle</a></p>
  
  <p>Is there a solution for this problem?</p>