title: Display jQuery UI modal dialog in full window
body: <p>I want to display a modal dialog that contains several elements, including an iframe.  I want this dialog to occupy about 90% of the width and height of the window.  The markup is similar to the following:</p>
  
  <pre><code>&lt;div id="dialog"&gt;
      &lt;div&gt;Header information&lt;/div&gt;
      &lt;iframe&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I achieve this?  When I use the jQuery UI dialog, even when I specify a width and height via the dialog options or a class, they are overridden by inline styles that jQuery UI assigns to the elements.</p>