title: jQuery UI dialog width & height based on screen width & height
body: <p>Currently (jQuery 1.4.4 and UI 1.8.8) I used the following to set a dialog's properties:
  (I'm trying to set the dialog to be 180px less than the height and width of the screen.)</p>
  
  <pre><code>$("#dialog").dialog({ 
              bgiframe: true,
              position: 'center',
              width: $(window).width()-180,
              height: $(window).height()-180,
              title: ititle,
              modal: true,
              buttons: { "Close": function() { $(this).dialog("destroy"); }}
  });
  </code></pre>
  
  <p>The above works fine in FF but in IE 8 it fails.</p>
  
  <p>Is this the right way to set width and height or should I be doing something differently?</p>