title: How to get a div to float above a jQuery UI dialog?
body: <p>I have a jQuery dialog box with a form and I'd like for an autocomplete box attached to one of the form elements to float above the dialog box (so that if the list goes beyond the end of the dialog box, it won't get cut off).  I have the following CSS elements applied to the autocomplete div:</p>
  
  <pre><code>background:none repeat scroll 0 0 white;
  float:left;
  position:absolute;
  z-index:9999;
  </code></pre>
  
  <p>It still will create a scrollbar in the dialog box. What's the deal? I see the dialog box is z-index:1004; so I don't know why mine's not going ontop of it. Is what I'm trying to accomplish even possible?</p>