title: Make JQuery UI Dialog automatically grow HEIGHT to fit its contents (width remains static)
body: <p>Having looked into <a href="https://stackoverflow.com/questions/756325/how-can-i-make-a-jquery-ui-dialog-automatically-grow-or-shrink-to-fit-its-conten">Make JQuery UI Dialog automatically grow or shrink to fit its contents</a>, I am using the <code>height: "auto"</code> option when building a jQuery modal dialog box:</p>
  
  <pre><code>$( "#dialog-message" ).dialog({
      autoOpen: false,
      width: "400",
      height: "auto",
      show: "slide",
      modal: true,
      buttons: {
          Ok: function() {
              $( this ).dialog( "close" );
          }
      }
  });
  </code></pre>
  
  <p>However, the height isn't "growing" to fit all of the contents.  I'm still seeing a vertical scrollbar as in this image:</p>
  
  <p><img src="https://i.stack.imgur.com/4E5Hr.jpg" alt="jQuery Modal Dialog Image"></p>
  
  <p>Is there a way right in the definition code I listed to ensure that the height grows enough so that a vertical scrollbar doesn't show?  Or, do I need to do this programmatically before opening the dialog box?</p>
  
  <p><b>Edit 1</b><br />
  Not sure why, but Chrome is displaying this fine but IE 8 isn't.  I need it to specifically work in IE 8 so I believe I'm just going to put a bottom margin on the text.</p>