title: Fancybox Iframe bug with internet explorer
body: <p>I'm getting a bug with Internet Explorer. The iframe doesn't have correct size and it is displayed on the top left of the page instead of the center.</p>
  
  <p>In Firefox and Chrome, everything is working perfectly.</p>
  
  <p>Tried many things but I couldn't find a solution :(</p>
  
  <p>Please help me.</p>
  
  <p>You can see the bug in IE8 here:
  <a href="http://www.ni-dieu-ni-maitre.com/v2/index_v2.php" rel="nofollow noreferrer">http://www.ni-dieu-ni-maitre.com/v2/index_v2.php</a>
  Click link labelled "iframe" on top left</p>
  
  <p>Here's a screenshot of what it looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/RrBL4.gif" alt="enter image description here"></p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;head&gt;
      &lt;script type=\"text/javascript\" src=\"http://www.$domain/scripts/jquery-1.8.2.min.js\"&gt;&lt;/script&gt;
      &lt;script type=\"text/javascript\" src=\"http://www.$domain/scripts/jquery.fancybox.js?v=2.1.1\"&gt;&lt;/script&gt;
      &lt;link rel=\"stylesheet\" type=\"text/css\" href=\"http://www.$domain/scripts/jquery.fancybox.css?v=2.1.1\" media=\"screen\" /&gt;
  
      &lt;script type=\"text/javascript\"&gt;
          $(document).ready(function() {
              $('.fancybox').fancybox();
  
              $('.fancybox').click(function() {
                  $.fancybox.open({
                      href : 'iframe.html',
                      type : 'iframe',
                      padding : 5,
                      autoScale : false
                  });
              });
  
      $(\".contactbox\").fancybox({
  
          openEffect : 'elastic',
          openSpeed  : 150,
          closeEffect : 'elastic',
          closeSpeed  : 150,
          closeClick : true,
          'overlayShow'    :    false,
          href : 'contact.php',
          type : 'iframe',
          padding : 5,
          autoScale : true,
          scrolling : 'no'
          frameWidth : 430,
          frameHeight : 380
      });
  
          });
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body background=\"$background\" id=\"top\"&gt;
  
  &lt;a class=\"contactbox\" href=\"http://$domain/contact.php\"&gt;Iframe&lt;/a&gt;
  </code></pre>