title: Jquery UI modal (popup box) control size and hide by default
body: <p><a href="http://jsfiddle.net/zkzuM/" rel="nofollow">jsFiddle for this question</a></p>
  
  <p>I am currently using bootstrap modal, which is a jQuery plugin to create a popup box. (If anyone wants to check out the very short documentation, here is a <a href="http://twitter.github.com/bootstrap/javascript.html#modals" rel="nofollow">link to it</a> - it's very short, so only takes a minute).</p>
  
  <p>Unfortunately, I am having a couple problems:</p>
  
  <ol>
  <li><p>I need to be able to define the size of the modal pop-up box. I tried the following, but it does not display correctly:</p>
  
  <p><code>&lt;div class="modal" id="myModal" style="width: 800px; height: 900px;"&gt;</code></p></li>
  <li><p>I need to be able to hide the modal by default. Currently, it displays as soon as the page loads. I tried the following, but it does not seem to hide correctly:</p>
  
  <p><code>$(document).ready(function() { $('#myModal').modal("hide"); });</code></p></li>
  </ol>
  
  <p>Any idea how I might be able to resolve these issues?</p>