Javascript-форум - offset: начальное смещение изображения за границу фрейма

Здравствуйте. помогите разобраться. есть скрипт "Tinytips - jQuery", в котором при наведение всплывают подсказки. У меня оформлено это в виде меню ресторана. При наведение курсора на одно из блюд, справо в фиксированном месте плавно появляется изображение этого блюда. (скриншоты прилагаются)
раз
два
А проблема вот в чем. При первом наведение фотография смещается вверх, за границу фрейма. При втором и последующем наведение изображение уже на положенном месте. При перезагрузки страницы история повторяется. Смещается только yOffset (по вертикали), горизонталь (хOffset) стабильна всегда. Все повторяется под разными браузерами.

//Смещения для подсказки подбираются так, чтоды она была центрирована над элементом, но 
			// размещалась так, чтобы не перекрывать элемент.
			var yOffset = (tinyTip.height() - 300);
			var xOffset = (tinyTip.width() - 710);
			
			// Получаем координаты элемента с подсказкой и делаем новую копию,
			// так что мы сохраняем оригинал нетронутым.
			var pos = $(this).offset();
			var nPos = pos;
			
			// Добавляем смещение для позиции подсказки
			nPos.top = yOffset;
			nPos.left = pos.left - xOffset;
			
			// Устанавливаем для подсказки абсолютное позиционирование и высокое значение z-index, 
			// а затем размещаем ее в нужное место и показываем.
			tinyTip.css('position', 'absolute').css('z-index', '1000');
			tinyTip.css(nPos).fadeIn(animSpeed);
			
		}, function() {
			
			$(this).attr('title', tText);
		
			// Плавно скрываем подсказку, когда курсор мыши перемещается с элемента,
			// и удалаем ее из структуры DOM.
			tinyTip.fadeOut(animSpeed, function() {
				$(this).remove();
			});