title: jquery ui dialog fixed positioning
body: <p>I needed the dialog to maintain its position fixed even if the page scrolled, so i used the
   extension at <a href="http://forum.jquery.com/topic/dialog-position-fixed-12-1-2010" rel="noreferrer">http://forum.jquery.com/topic/dialog-position-fixed-12-1-2010</a> but there's 2 problems with it: </p>
  
  <ul>
  <li><p>it flickers in IE and Firefox on page scroll (in Safari/Chrome it's fine)</p></li>
  <li><p>on closing and then reopening, it looses its stickyness and scrolls along with the page.</p></li>
  </ul>
  
  <p>Here's the code i'm using for creating the dialog:</p>
  
  <pre><code>$('&lt;div id="'+divpm_id+'"&gt;&lt;div id="inner_'+divpm_id+'"&gt;&lt;/div&gt;&lt;textarea class="msgTxt" id="txt'+divpm_id+'" rows="2"&gt;&lt;/textarea&gt;&lt;/div&gt;')
                  .dialog({
                  autoOpen: true,
                  title: user_str,
                  height: 200,
                  stack: true,
                  sticky: true //uses ui dialog extension to keep it fixed
       });
  </code></pre>
  
  <p>And here's the code i'm using for reopening it:</p>
  
  <pre><code>jQuery('#'+divpm_id).parent().css('display','block');
  </code></pre>
  
  <p>Suggestions/solutions?</p>
  
  <p>Thanks</p>