title: jQuery UI selectmenu doesn't accept widths in percentage
body: <p>If I assign a width in percentage to a select (eg: 100%), jQuery UI computes the equivalent width in pixels and assigns it to the selectmenu widget. However, this causes problems when resizing the screen. Is there a way to fix this bug?</p>
  
  <p><a href="https://jsfiddle.net/yzzxvbuw/7/" rel="nofollow">JSFiddle</a></p>
  
  <p>HTML:
      </p>
  
  <pre><code>&lt;form action="#"&gt;
  
    &lt;fieldset&gt;
      &lt;label for="speed"&gt;Select a speed&lt;/label&gt;
      &lt;select name="speed" id="speed"&gt;
        &lt;option&gt;Slower&lt;/option&gt;
        &lt;option&gt;Slow&lt;/option&gt;
        &lt;option selected="selected"&gt;Medium&lt;/option&gt;
        &lt;option&gt;Fast&lt;/option&gt;
        &lt;option&gt;Faster&lt;/option&gt;
      &lt;/select&gt;
    &lt;/fieldset&gt;
  
  &lt;/form&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>body{font-family:arial}
  
  fieldset {
    border: 0;
  }
  label {
    display: block;
    margin-bottom: 10px;
  }
  select {
    width: 100%;
  }
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>  $(function() {
      $( "#speed" ).selectmenu();
    });
  </code></pre>