title: jQuery Dialog not visible in Safari while it has z-index?
body: <p>We have a very jQuery/Javascript heavy web app with jQuery Dialogs in use all over the place, but one particular dialog is having issues in Safari on Windows. It's created like so:</p>
  
  <pre><code>$('#cnav-dispatch-center-window').dialog({
      close: stateObject.DeviceOptions.dispatchPin_dispose,
      resizable: false,
      width: 613,
      height: 467,
      dialogClass: 'dialog-window-alertedit',
      show: 'fade',
      hide: 'fade',
      open: stateObject.DeviceOptions.RefreshSelection
  });​
  </code></pre>
  
  <p>We don't do anything special for this dialog than any other dialog. This dialog exhibits weird behavior:</p>
  
  <ul>
  <li>It's not visible</li>
  <li>It still intercepts clicks</li>
  <li>It's still draggable if you can find the title bar</li>
  <li>It has a really high z-index (10,000+)</li>
  </ul>
  
  <p>If I remove the z-index, the dialog will display. I've tested that with the developer tools. I don't know what is setting the z-index and I'm not sure how to unset it. As long as the z-index is present, regardless what the value of it is, it won't display. It works fine in every other browser.</p>