jquery создает проблемы с полями только в Safari

Использование отзывчивого caroufredsel прекрасно работает в Chrome и Firefox, но в Safari он внезапно создает верхнее и нижнее поля размером 800 пикселей, отбрасывая все.

Это адаптивный сайт, и, как ни странно, проблема не возникает, когда на него влияет медиа-запрос для экранов шириной 500 пикселей или меньше.

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

живая страница:

http://109.203.120.0/~wirebird/wordpress/the-guitars/

Версия статического htmlработает нормально, так это проблема WordPress или тот факт, что он еще не использует настоящий домен?

jquery для запуска caroufredsel ниже:

jQuery(document).ready(function() {

jQuery("#guitars-gallery").carouFredSel({
auto: false,
circular: false,
prev: '#prev',
next: '#next',
responsive : true,
height : 500,
scroll: 1,
items : { width : 370, height : 500, visible : { min : 1, max : 3 } } });   

});

function doSomething() {

jQuery('#guitars-gallery').trigger('destroy', true);
jQuery('#guitars-gallery').css({'text-align': '','float': '','position': '','top': '','right': '','bottom': '','left': '','width': '90%','height': '','margin': '1% auto'});

jQuery("#guitars-gallery").carouFredSel({
auto: false,
circular: false,
prev: '#prev',
next: '#next',
responsive : true,
height : 500,
scroll: 1,
items : { width : 370, height : 500, visible : { min : 1, max : 3 } } });

};

var resizeTimer;

jQuery(window).resize(function() {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(doSomething, 100);
});

Приветствуются любые идеи, это сводит меня с ума!

ОБНОВЛЕНИЕ: Я решил эту проблему на данный момент, используя jquery для изменения стиля после вызова карусели:

jQuery('.caroufredsel_wrapper').css({'margin-top': '0px', 'margin-bottom': '0px'});

Устраняет проблему, но я все еще не понимаю, почему это происходит :-)