FancyBox не отображается в IE7 и IE8

Question

У меня серьезная проблема с моим плагином Fancybox для IE7 и IE8.Сайт отлично работает на Chrome, Firefox и Safai.Когда я отлаживал сайт, я мог видеть, что проблема может быть вызвана плагином Fancybox, так как он не работает.Кроме того, я получаю ошибку от IE: неверный аргумент.Строка: 8827 Char: 5 Это URL: http://attia.businesscatalyst.com/ это мой код заголовка -

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>עטיה נכסים</title>
    <link href="/styles/styles.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />
    <link rel="stylesheet" href="http://www.fontface.co.il/fonts/1144.css.aspx" charset="utf-8" />
    <script src="http://code.jquery.com/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.4.pack.js">
    <script src="/includes/ice/ice.js" type="text/javascript"></script>
    <script src="js/slides.min.jquery.js"></script>
    <script type="text/javascript" src="/js/jquery.carouFredSel-5.5.0.js"></script>
    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="/styles/IE7.css" /><![endif]-->
    <!--[if IE 8]><link rel="stylesheet" type="text/css" href="/styles/IE8.css" /><![endif]-->
    <!--[if IE 9]><link rel="stylesheet" type="text/css" href="/styles/IE9.css" /><![endif]-->
<script>

    $(function() {
        $( ".button" ).click(function() {
            $( "#contact" ).toggleClass( "active", 1000 );
            $( "#contact_container" ).toggleClass( "active", 1000 );
            return false;
        });
    });

            function goToByScroll(id){
                $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
        }

                $(function(){
            $('#pole1').slides({
                effect: 'fade',
                fadeSpeed: 750,
                crossfade: true,
                generateNextPrev: false,
                randomize: true,
                pagination: false,
                generatePagination: false,
                play: 5500
            });

            $('#pole2').slides({
                fadeSpeed: 750,
                effect: 'fade',
                crossfade: true,
                generateNextPrev: false,
                randomize: true,
                pagination: false,
                generatePagination: false,
                play: 4250
            });
            $('#pole5').slides({
                fadeSpeed: 750,
                effect: 'fade',
                crossfade: true,
                generateNextPrev: false,
                randomize: true,
                pagination: false,
                generatePagination: false,
                play: 6500
            });
            $('#pole6').slides({
                fadeSpeed: 750,
                effect: 'fade',
                crossfade: true,
                generateNextPrev: false,
                randomize: true,
                pagination: false,
                generatePagination: false,
                play: 4000
            });
            $('#pole7').slides({
                fadeSpeed: 750,
                effect: 'fade',
                crossfade: true,
                generateNextPrev: false,
                randomize: true,
                pagination: false,
                generatePagination: false,
                play: 3500
            });

        });
            $(document).ready(function() {
                $(".about1").fancybox({
                'titlePosition'     : 'inside',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            });


        });

</script>
<link href="/stylesheets/modulestylesheets.css" rel="stylesheet" type="text/css" />

и это пример вызова Fancybox -

        <div class="project">
<script>
            $(document).ready(function() {
                $("#ikea1").fancybox({
                                'autoScale'               :'true',
                'titlePosition'     : 'inside',
                'transitionIn'      : 'fade',
                'transitionOut'     : 'fade'
            });
                $.fancybox. resize();

        });
</script>
<a id="ikea1" href="#ikea2"> <span>איקאה צפון</span>
<div class="project_border"><img src="/Shopping Malls Images/Small/ikea_small.jpg" border="0" alt="" /></div>
</a>
<div style="display: none;">
<div id="ikea2" class="project_hidden" style="width: 600px; padding-bottom: 20px;">
<div class="project_image"><img src="/Shopping Malls Images/Large/ikea_large.jpg" border="0" alt="" /></div>
<div class="project_title">
<h3>איקאה צפון</h3>
</div>
<div class="project_description"><p class="p1" style="text-align: right;">החנות השלישית של איקאה בישראל תקום במתחם מסחרי הצמוד לצומת אתא שבקריית אתא במבנה ששטחו 24 אלף מ"ר, בבעלות משותפת של חברת הנדל"ן של שרי אריסון שיכון ובינוי נדל"ן. צפי לפתיחה: 2014.</p>
<p class="p1" style="text-align: right;">החנות תבנה על שטח כולל בן 97 דונם שיכלול בין היתר מרכז מסחרי, שטחי חניה ותחנת תדלוק.</p>
</div>
</div>
</div>
<div style="clear: both;"></div>
</div>

не могли бы вы проверить это для меня и сказать, что я делаю не так?