Странное поведение в Chrome
 

Есть вот такой код, который выводит всплывающую подсказку при наведении на блок.

$(document).ready(function() {		
	$(".picture-item").hover(
                function () {
		                   $(this).find('.tip').delay(100).slideDown("slow");
                },
                function () {
                           $(this).find('.tip').delay(200).slideUp("fast");
                }
            );
});

<div class="picture-item">
	<div class="pic-inner"><a class="fancy" href="images/6_b.jpg"><img src="images/pic1.jpg" alt="апвап" /></a></div>
	<div class="tip">Название картины</div>
</div>

Везде все работает корректно, но в chrome и safari почему-то при срабатывании hover картинка в блоке смещается примерно на 1-2px влево. В скрипте этого не задано. Почему так происходит?

P.S. Пробовал последнюю версию библиотеки. Ситуация повторяется.

Спасибо.

Так скрипт только показывает и прячет див. За его положение скрип не отвечает.
Сделай его видимым постоянно и посмотри как он отобразится без скрипта.

В том то и дело не отвечает, но сдвигается видимая картинка .pic-inner.

Охотно верю. :yes: Но ты не там ищешь...

А где искать? картинка в статике вроде на месте…

В разметке и стилях...

Так ты сделай подсказки видимыми. Сравни общую картинку "без подсказок" и "с подсказками"...

Как вариант сравни работу старого скрипта с этим

$(document).ready(function() {		
	$(".picture-item").hover(
                function () {
		                   $(this).find('.tip').delay(100).toggle();
                },
                function () {
                           $(this).find('.tip').delay(200).toggle();
                }
            );
});