title: jQuery dialog width resizing problem
body: <p>I try to load some HTML code into a jQueryUI dialog by AJAX. The code itself is a list, where rightmost elements should be absolutely positioned so that the list looks like a table with two columns, but only in some rows. The problem is that jQueryUI plugin does not seem to be correctly resizing the dialog's width, which I think is due to the absolute positioning of some li's. I have read some answers to other similar questions, but none helped me out with this.</p>
  
  <p>This is the code I load:</p>
  
  <pre><code> &lt;style type="text/css"&gt;
  
       ul {list-style-type:none;margin:0px;padding:0px;}
       ul ul  {margin:0px;padding:0px;}
       ul&gt;li.fila {margin-bottom:5px;padding-bottom:5px;}
  
       ul li.fila ul li
       {
        display:inline;
        padding-left:20px;
        position:relative;
        margin-bottom:10px;
       }
       ul li.fila ul li.O  
       {
        background:url(bullet.gif) 5px 8px no-repeat;
        list-style-position:inside;
       }
  
      &lt;/style&gt;
  
      &lt;ul id="raiz" &gt;
       &lt;li class="fila"&gt;
        &lt;ul &gt;
         &lt;li style="position:absolute;left:0px;" class="O"&gt;
          &lt;label for="col1"&gt;Col1:&lt;/label&gt;
          &lt;input type="text" name="col1" id="col1" value="vCol1" class="text ui-widget-content ui-corner-all" /&gt;
         &lt;/li&gt;
         &lt;li  style="left:250px;" class="O" &gt;
          &lt;label for="col2"&gt;Col2:&lt;/label&gt;
          &lt;input type="text" name="col2" id="col2" value="vCol2" class="text ui-widget-content ui-corner-all" /&gt;
         &lt;/li&gt;
        &lt;/ul&gt;
       &lt;/li&gt;
       &lt;li class="fila"&gt;
        &lt;ul &gt;
         &lt;li&gt;
          &lt;label for="col3"&gt;Col3:&lt;/label&gt;
          &lt;input type="text" name="col3" id="col3" value="vCol3" class="text ui-widget-content ui-corner-all" /&gt;
         &lt;/li&gt;
        &lt;/ul&gt;
       &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>And the Dialog constructor:</p>
  
  <pre><code>$("#dialog").dialog({
          bgiframe: true,
          autoOpen: false,
          height: 'auto',
          width: 'auto',
          modal: true,
          buttons:{
              'Cancel': function() {
                  $(this).dialog('close');
              }
          },
          open: function(event,ui){               
              $("#dialog").load("dialogCode.html");
          }
      }); 
  </code></pre>
  
  <p>Thanks in advance for any suggestions.</p>