title: google map is not centered in fancybox
body: <p>I was looking and trying an entire day but couldn't find one right solution for this problem. The part I need to be centered is always top left in FF and IE, Safari seems to be more bottom left... </p>
  
  <p>this is all code you need to try, copy, paste and click...</p>
  
  <p>big screen is good to see the problem doesnt looks to bad on small screens</p>
  
  <p>thanks for help</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.4" media="screen" /&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $(".google_iframe").fancybox({
              'width'             : '75%',
              'height'            : '75%',
              'autoScale'         : false,
              'transitionIn'      : 'none',
              'transitionOut'     : 'none',
              'type'              : 'iframe'
          });
      });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;a class="google_iframe" href="https://maps.google.com/maps/ms?ie=UTF8&amp;amp;msa=0&amp;amp;msid=202414688179067925321.0004d62815a849d23c081&amp;amp;t=h&amp;amp;ll=43.36373,16.508332&amp;amp;spn=1.617251,3.364563&amp;amp;output=embed"&gt;
      click here for fancy
  &lt;/a&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/q4E3p/" rel="nofollow" title="Link To jsFiddle">jsFiddle</a></p>