title: FancyBox opens too low on the page
body: <p>I'm using FancyBox on my page, and occasionally (but not always), the lightbox opens too far down the page, getting cut off at the bottom and making you scroll down to view the rest of it. Normally, it'll be positioned in the dead center of the page.</p>
  
  <p>I'm setting its position to <code>fixed</code> in the <code>onStart</code> method when I call it, and most of the time it <em>does</em> open in the center like it's supposed to - so I don't know what's causing it to get thrown off, but only sometimes.</p>
  
  <p>The site is <a href="http://www.raditaz.com" rel="nofollow">Raditaz.com</a>: play an existing station (or create your own - you don't need an account) and then click the album art in the middle to open the lightbox.</p>
  
  <p>Any leads on this would be appreciated - thanks!</p>
  
  <p>EDIT: A few updates...</p>
  
  <ul>
  <li>If I resize the window once the FancyBox is opened, it'll reposition itself correctly in the center (but only until I close and reopen it again, at which point it will be shifted too low again)</li>
  <li>The incorrect positioning seems to occur most frequently in WebKit browsers (Safari and Chrome)</li>
  </ul>
  
  <p>EDIT 2: I should have pointed out that the version of Fancybox we're using is 1.3.4, not the newer 2.0. Our version of jQuery is 1.6.4. It's possible that using Fancybox 2.0 would solve the problem, but (I think) that requires jQuery 1.7, which is incompatible with some of the other plugins we're using. So I'd prefer a fix that works with Fancybox 1.3.4.</p>