title: bgiframe with jQuery UI 1.8.9 Dialog and jQuery 1.5
body: <p>So I am using jQuery UI's dialog box. But as I have a read there is a common bug within IE6 (which is unfortunate that I have to make sure this works for) where dropdown lists do not pay attention to z-index queues. I have also read that there is a handy plugin out there called bgiframe to take care of my overlay woes. I have found 2 different ways people say to use it, and neither work. I may just be doing something really stupid but I need to get this working. </p>
  
  <p>including jQuery.bgiframe.js Version 2.1.1
  Here are the 2 ways I have attempted to use it without working: (I have included all jQuery-UI, jQuery, and bgiframe in the page that I am working on)</p>
  
  <ol>
  <li><p>The documentation from the actual plugin says do this:</p>
  
  <pre><code>$("#selectDropdownThatNeedsFixing").bgiframe();
  </code></pre>
  
  <p>This cause a jQuery exception saying saying Object expected.</p></li>
  <li><p>The second way that I saw from the following page: <a href="http://docs.jquery.com/UI/Dialog/dialog" rel="nofollow">http://docs.jquery.com/UI/Dialog/dialog</a> basically you just set <code>bgiframe: true</code> when you initialize the dialog:</p>
  
  <pre><code>$( ".selector" ).dialog({ bgiframe: true });
  </code></pre></li>
  </ol>
  
  <p>This does not error out, but the problem still exists within IE6 when I test it out.</p>
  
  <p>Am I missing something? Which way am I supposed to use bgiframe? Any direction would be much appreciated. Thank you for your help!</p>