title: Opening another fancybox on a page after closing the previous one
body: <p>I am using fancybox version 2.1.5. When I open the fancybox I noticed the <strong>.fancybox-wrap</strong> div is inside the <strong>.fancybox-overlay</strong> div. If I open another fancybox on the same page the .fancybox-overlay div is now outside and above the .fancybox-wrap div.</p>
  
  <p>My definition of the first and the second fancybox are the same and as follows:</p>
  
  <pre><code>$.fancybox({
      href        : '#my_div',
      autoSize    : true,
      fitToView   : false,
      padding     : 0,
      fixed       : true,
      autoCenter  : false,
      topRatio    : 0.5,
  });
  </code></pre>
  
  <p>If the .fancybox-wrap div is inside the .fancybox-overlay div and I scroll the page , when the fancybox content is larger than the window only the fancybox scrolls the background content remains static</p>
  
  <p>However when it is outside the .fancybox-overlay when i scroll both the fancybox and the content behind it scrolls.</p>
  
  <p>How do I prevent the page from scrolling behind.</p>
  
  <p>When you inspect the <a href="https://stackoverflow.com/questions/10973380/using-fancybox-version-2-when-closing-2nd-fancybox-reopen-first-fancybox-inste">DEMO</a> in this question the wrap div is outside the overlay div as compared to the demos on the fancybox website.</p>