Fancybox problem in positioninig and overlay

[Leelium]

Hi everyone, I’m using Fancybox jQuery to open up an iframe page with a contact form. The overlay for some reason is showing up with an height that is not reading the page height and if I open the iframe from another button on the bottom (the second book now button) it appears at the top.

Can you please have a look and find the problem? Is that because of wrong nesting or is there a javascript problem?

page is http://www.sntravel.co.uk/hotels/caribbean/barbados/the-club-barbados.html
fancybox is at http://fancyapps.com/fancybox/

[ralphm]

This style

.fancybox-overlay {
  position: absolute;
}

is overriding this one:

.fancybox-overlay-fixed {
  position: fixed;
}

so maybe give the latter a higher specificity. E.g.

body .fancybox-overlay-fixed {
  position: fixed;
}

[Leelium]

@ralphm

body .fancybox-overlay-fixed {
position: fixed;
}

Thanks that worked, cheers!