title: Make JQuery dialog content 100% width and height
body: <p>I create a div and then open it in a dialog. I've tried styling this div to achieve that the content would expand to 100% in both directions. </p>
  
  <p>What have I tried so far:
  Setting the div style</p>
  
  <pre><code>#content {
      width:auto !important;
      height:auto !important;
      background-color:red !important;
      display:block !important;
  }
  </code></pre>
  
  <p>and setting the default div style</p>
  
  <pre><code>$(div).dialog({ dialogClass: 'someStyle' });
  
  .someStyle .ui-dialog-content 
  {
      height:auto !important;
      display:block !important;
  }
  </code></pre>
  
  <p>Nothing seems to work! I overrides the width propertie but cannot override the height propertie. How to hack this? </p>
  
  <p>I want to achieve something like this: <a href="http://jsfiddle.net/S3FQv/" rel="noreferrer">http://jsfiddle.net/S3FQv/</a></p>