title: Is it possible to open a PDF with fancybox 2.1 in IE8?
body: <p>I'm working on a site that hosts a lot of PDF files and I want to open them in fancybox (2.1) for a preview.  It works just fine in Chrome and Firefox.  But it just won't work in IE8.  I've tried linking directly to the PDF file, linking to an iframe, and linking to an embed tag (among other crazier things).  I can't use google to wrap them.  Here is a page that demonstrates the problem.  </p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;My Page&lt;/title&gt;
      &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="jquery.fancybox.js?v=2.1.0"&gt;&lt;/script&gt;
      &lt;link type="text/css" rel="stylesheet" media="screen" href="jquery.fancybox.css" /&gt;
  &lt;/head&gt;
  &lt;body style="background-color:grey"&gt;    
      &lt;p&gt;&lt;a href="mypdffile.pdf" class="fancypdf"&gt;a link&lt;/a&gt; to a PDF file.&lt;/p&gt;
  
      &lt;p&gt;&lt;a href="#Frame1" class="fancy"&gt;a link&lt;/a&gt; to an iframe with the pdf in it.&lt;/p&gt;
      &lt;div style="display:none"&gt;
      &lt;iframe id="Frame1" src="mypdffile.pdf" style='width:100%;' height="600" frameborder="0" allowTransparency="true"&gt;&lt;/iframe&gt;
      &lt;/div&gt;
  
      &lt;p&gt;&lt;a class="fancy" href="#mypdf" &gt;a link&lt;/a&gt; to a pdf in an embed tab&lt;/p&gt;
      &lt;div style="display:none"&gt;&lt;div id="mypdf"&gt; 
      &lt;embed src="mypdffile.pdf" type="application/pdf" width="640" height="480" /&gt; 
      &lt;/div&gt;&lt;/div&gt;  
  
      &lt;script type='text/javascript'&gt;
      $(function(){
          $("a.fancypdf").fancybox({type:'iframe'});
          $("a.fancy").fancybox();
      });
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The results are different each time.  In IE for the first link the spinner appears and hangs.  For the second two, a fancybox popup appears, but it's empty.  What am I doing wrong?</p>