title: jQuery Chosen dropdown inside of jqWidgets tab is not rendering correctly
body: <p>I am using jqWidgets tabs with jQuery Chosen dropdowns inside the contents of tabs</p>
  
  <p>The problem I am having is when I click to open the dropdown the div gets clipped off at the bottom of the tab - I expect the popup for the dropdown to overlay everything and display completely</p>
  
  <p>See the following basic example to reproduce the behavior:</p>
  
  <p><a href="http://jsfiddle.net/mPwWW/" rel="nofollow">http://jsfiddle.net/mPwWW/</a></p>
  
  <p>How can I remedy this with minimal hacking of either of their style sheets?</p>
  
  <pre><code>&lt;html&gt;
  &lt;div style="width : 500px; height : 180px;"&gt;
  &lt;div id="tabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;Test&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div&gt;
          &lt;label&gt;Test:&lt;/label&gt;
          &lt;select id="target" style="width : 80px"&gt;&lt;/select&gt;
      &lt;/div&gt;  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/html&gt;
  
  &lt;script&gt;
  $("#tabs").jqxTabs({
          position : 'top',
          animationType : 'fade',
          selectionTracker: true,
          height : '180px'
      });
  
  // the following lines are just for filling the sample dropdown with some values
  var html = '';
  for (var x = 0; x &lt; 100; x++) {
      html += '&lt;option value="'+x+'"&gt;'+x+'&lt;/option&gt;';
  }
  $("#target").html(html);
  // apply the chosen library to this dropdown
  $("#target").chosen();
  &lt;/script&gt;
  </code></pre>
  
  <p>Please see the fiddle code I did not replicate the document.ready call in my snippet above</p>