jquery - HTML ページの Fancybox が Firefox と Chrome または Safari で異なって見える

Question

ファンシーボックスを使用して、Wordpress テンプレートの別のページに HTML ページをポップアップさせています。Safari と Chrome を見ると、ポップアップ ウィンドウのサイズは適切で一貫しています。Firefox で開くと、ポップアップ ウィンドウの高さはわずか 50 ピクセル程度で、下にスクロールしてさらにコンテンツを表示する必要があります。コードのどの部分を表示するのが最適なのかわからないので、テンプレートのヘッダーで使用している fancybox の jquery セクションを次に示します。

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox();
    $(".fancylink").fancybox({
    'hideOnContentClick' : true,
    'type' : 'iframe',
    'padding' : 0,
    'onComplete' : function() {
        $('#fancybox-frame').load(function() { 
            ('#fancybox-content').height($(this).contents().find('body').height()+30);
        });
    }});
});
</script>

コードの他の部分がこの質問に答えるのに役立つ場合は、お知らせください。提供します。私はjqueryの初心者なので、基本を知る必要があると思います:)