title: Pop-up not showing in IE (with magnific-popup)
body: <p>I'm trying to implement magnific popup on my website. 
  It works on IE10, Firefox end even on iPad. 
  But for some reason the images are not showing in IE8 in popup mode. (I have not checked in IE9). All it shows is a white screen. 
  What could be the issue? 
  Here is my link: <a href="http://www.fietseling.org/media/routes2013/index.html" rel="nofollow">http://www.fietseling.org/media/routes2013/index.html</a></p>
  
  <p>This the code:
      
      
      Magnific Popup</p>
  
  <pre><code>&lt;!-- Magnific Popup core CSS file --&gt;
  &lt;link rel="stylesheet" href="http://www.fietseling.org/templates/nuni_fietseling/css/magnific-popup.css"&gt; 
  
  &lt;!-- jQuery 1.7.2+ or Zepto.js 1.0+ --&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- Magnific Popup core JS file --&gt;
  &lt;script type="text/javascript" src="http://www.fietseling.org/templates/nuni_fietseling/js/jquery.magnific-popup.js"&gt;&lt;/script&gt; 
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="window-content"&gt;
  
  &lt;img src="fotos/routekaart2013fotos_groot2.jpg" width="3000" height="1809" border="0" usemap="#Map"/&gt;
  &lt;map name="Map"&gt;
    &lt;area shape="rect" coords="420,25,570,75" alt="Fietseling" href="http://www.fietseling.org/routes/algemene-routekaart"&gt;
    &lt;area shape="rect" coords="1320,490,1350,515" alt="Fietseling" class="test-popup-link" href="fotos/hers01_miemaan.jpg"&gt;
  &lt;/map&gt;
  &lt;/div&gt;
  &lt;script&gt;
  $(document).ready(function() {
    $('.test-popup-link').magnificPopup({type:'image'});
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Many thanks</p>