title: Fancybox stuck loading iframe in IE
body: <p>I'm having problems loading a PDF in an iframe in IE using fancybox. When I click the link, I get the gif loader and it just spins forever. No errors in the console or on the page or anything like that. Problem occurs in all versions of IE. All other browsers work fine. Also, the PDF is an internal file.</p>
  
  <p>Here's some of the code:</p>
  
  <p><br><strong>HTML</strong></p>
  
  <pre class="lang-html prettyprint-override"><code> &lt;!DOCTYPE html&gt;
      &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
  
          &lt;link rel="stylesheet" type="text/css" href=&lt;?php echo base_url("templates/style1/css/jquery.fancybox.css") ?&gt; /&gt;
  
          &lt;script src=&lt;?php echo base_url("js/jquery-1.7.2.min.js") ?&gt; type="text/javascript"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="../js/jquery.fancybox.js"&gt;&lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
          &lt;a class="fancybox-media italic" href="../contract_docs/dummy.pdf" &gt;Test Doc&lt;/a&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>    $(document).ready(function(){
          /* fancybox handler */
          $('.fancybox-media').fancybox({
              openEffect  : 'none',
              closeEffect : 'none',
              autoSize: true,
              type : 'iframe'
          });
      });
  </code></pre>
  
  <p><strong>EDIT:</strong>  I have also tried upgrading jQuery, to no avail.</p>
  
  <p><strong>EDIT:</strong> Here is a <a href="http://jsfiddle.net/7HgaZ/4/">jsFiddle</a>, really simple and doesn't work in IE for me.</p>