title: Auto size a jQuery UI dialog in Internet Explorer
body: <p>How can I autosize a <a href="http://en.wikipedia.org/wiki/JQuery_UI" rel="nofollow">jQuery UI</a> dialog in Internet&nbsp;Explorer?</p>
  
  <p>This code is OK in Firefox, but not in Internet&nbsp;Explorer.</p>
  
  <pre><code>$('#dialog2').dialog({
      autoResize: true,
      show: "clip",
      hide: "clip",
      height: 'auto',
      width: 'auto',
      autoOpen: false,
      modal: true,
      position: 'center',
      draggable: true,
  
      open: function (type, data) {
          $(this).parent().appendTo("form");
  
      },
      buttons: { "close": function () { $(this).dialog("close"); document.getElementById("&lt;%=btnnew.ClientID%&gt;").click(); } }
  });
  </code></pre>
  
  <p>My HTML element is a DIV.</p>