Lightbox javascript and jquery


I’m new to javascript and wanted to use a jquery code in my site in conjunction with a lightbox image gallery. they seem to conflict with one another on the gallery pages - you’ll notice the background instead of scaling proportionally, will stretch to fit the browser window. problem only seems to happen in Safari btw.

can anyone give me some guidance on how to rectify this? if possible a step by step approach would be easier for me to follow.

please have a look at the link to see what i mean. ‘about’ and ‘contact’ pages are fine but ‘gallery’ and ‘behind the scenes’ are the problem pages.

thanks for your time. much appreciated.