При наведении на блок c overflow:hidden; отображается не поместившееся содержимое — overflow:visible; при этом этому блоку добавляется position:absolute;z-index:200;
(при наведении на карточку товара показываем больше информации о нем)
Проблема в Safari в следующем: после того как убираем мышь — не поместившееся содержимое не исчезает.
Решаем с помощью jquery:
$(document).ready(function(){
$('#content').css('height',$('#content').height());
$('.catalog_item').on('mouseleave',function(){
$(this).parents(".catalog_container").hide().show(0);
});
});
Вначале устанавливаем родительскому блоку с контентом статическую высоту чтобы страница не дергалась при перерисовке .catalog_container
Затем перерисовываем родительский элемент.
На основе: http://stackoverflow.com/questions/31587890/safari-on-mac-not-updating-redrawing-after-hover-effect