Firefox Issue

[porkchop_001]

Hi Guys,

I have a light-box plugin (Fancybox) that's rendering perfectly on all major browsers (even IE!) but Firefox doesn't want a bar of it.

Site: http://thenativedrum.com/website_revamp_2/

The TRAINING page is the one I'm refer to. Ignore all the links, as I haven't rolled out the new sizes onto all of them. For now click "Understanding Teenagers: Parents Workshop". You'll see if render fine in Chrome and IE - but in Firefox it has scroll bars for some reason.

In the pages source code I've specified the light-box to be 600 x 425 (on line #432). Not sure what else is causing it to mess up in Firefox.

Any clues as to why this is happening?

Here's my general CSS (refer to line #424):

http://thenativedrum.com/website_revamp_2/css/stylesheet.css

And here's the CSS that came with the plugin:

http://thenativedrum.com/website_revamp_2/css/jquery.fancybox-1.3.1.css

Any help would be greatly appreciated. I assume, like always, it's something small that's causing this.

Cheers :)