Safari не отображается Div

Question

Загружен веб-сайт, созданный с помощью Dreamweaver. Google и Firefox отображают сайт правильно, но у Safari есть проблемы с div. Проверяли сайт через Inspect Element как в Safari, так и в Google, со следующими результатами.

В Safari

<div id="cycle" class="fluid" style="position: relative; width: 0px; height: 0px;"></div> 

В Google

<div id="cycle" class="fluid" style="position: relative; width: 440px; height: 432px;"></div> 

Сайт также корректно отображает на мобильных устройствах с помощью Safari. только настольная версия вызывает горе.

Ниже приводится CSS для размера рабочего стола

.gridContainer { 
width: 89.3181%; 
max-width: 1232px; 
padding-left: 0.3409%; 
padding-right: 0.3409%; 
margin: auto; 
clear: none; 
float: none; 
margin-left: auto; 
} 
#header { 
} 
#nav { 
} 
#cycle { 
width: 58.0152%; 
clear: none; 
float: left; 
margin-left: 0; 
border: solid black 2px; 
position:inherit; 
} 
#content { 
width: 39.6183%; 
clear: none; 
float: right; 
margin-left: 9.1603%; 
border: solid black 2px; 
} 
#footer { 
} 
#circles { 
} 
.zeroMargin_desktop { 
margin-left: 0; 
} 
.hide_desktop { 
display: none; 
} 
} 

Сайт еще незавершенный www.drophatproductions.com/Test/index.html

Заранее спасибо за вашу помощь

Barb

Answer 1

Измените свой сценарий следующим образом.

<script type="text/javascript"> 
$(window).load(function() { 
    $('#cycle').cycle({ 
     fx: 'fade', 
     speed: 3000 
    }); 
}); 
</script>