title: jQuery UI - Autocomplete generated inline style override?
body: <p>I'm using <a href="http://jqueryui.com/demos/autocomplete/" rel="nofollow">jQuery Autocomplete plugin</a> which, generates following markup when suggestions show up.</p>
  
  <pre><code>&lt;ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 16; width: 1355px; position: relative; top: -1615px; left: 40px; display: none; "&gt;
      &lt;li class="ui-menu-item" role="menuitem"&gt;
          &lt;a class="ui-corner-all" tabindex="-1"&gt;java&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="ui-menu-item" role="menuitem"&gt;
          &lt;a class="ui-corner-all" tabindex="-1"&gt;javascript&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>My understanding is, it's using the <a href="http://docs.jquery.com/UI/Position" rel="nofollow">UI Position</a> plugin to position it relative to the input field. But inside generated <code>style="z-index: 16; width: 1355px; position: relative; top: -1615px; left: 40px; display: none; "</code>, width is much longer than my input field.
  Since this is inline styles added by the module, I can not override this using <code>ui-autocomplete</code> selector. Any ideas?</p>