title: Position of jQuery Dialoag box on long page
body: <p>I have a page that has a table on it with hyperlinks that open up a dialog box. The pages is pretty long and a every row has a link that open up a dialog box that loads a external page.</p>
  
  <p>If I click any link before I scroll the dialog box opens in the middle of the screen fine. If I scroll down the page and then click on a link the dialog box open in the middle of where I am on the page but the browser is automatically scrolling to the top of the page. So depending where you are on the page you cannot see the dialog box at all.</p>
  
  <p>I have tried to set the position of the dialog to the top like this: <code>$('.selector').dialog({ position: 'top' });</code>. I have also tried to do it by setting the position to absolute like this: <code>.ui-widget { position: absolute; }</code></p>
  
  <p>None of that worked. I cannot seem to get it to work. I am okay with it opening the dialog at the top of the page or in the middle but I need the page to not scroll away from the dialog.</p>
  
  <p>Here is a little example of what is going on - <a href="http://dev.ziacorp.com/dialog_test.cfm" rel="nofollow">Dialog Test</a></p>
  
  <p>I have tested this in Firefox, chrome, safari and IE. They all do pretty much the same thing.</p>
  
  <p>Any help with this would be great.</p>
  
  <p>Thanks</p>