title: Style Jquery dialog content div
body: <p>I have this situation: </p>
  
  <pre><code>var div = document.createElement('div');
  div.id="content";
  
  $(div).dialog('open');
  </code></pre>
  
  <p>The content of the div opens in the dialog but I cannot style it. I tried to access it by id or className. The problem is that I want to have the content filling 100% width and height of the dialog.</p>
  
  <p>I looks like JQuery somehow overrides my CSS. Please help...</p>
  
  <p>CSS:</p>
  
  <pre><code>#content {
      width:100%;
      height:100%;
      background-color:black;
  }
  </code></pre>