Показать сообщение отдельно
  #1 (permalink)  
Старый 29.10.2011, 01:59
Профессор
Отправить личное сообщение для SunYang Посмотреть профиль Найти все сообщения от SunYang
 
Регистрация: 22.02.2008
Сообщений: 189

не работает в mozilla
вот здесь: _http://nevrolog2012.ru/4.php

при наведении на ячейку таблицы с надписью "hover here" вылазиет дивка с надписью.
В opera и IE работает нормально, а вот в Mozilla все дивки показваются вверху.

скрипт:
Код:
$(document).ready(function(){

$(".plan td").hover(function() {
	$(this).find("div").stop(true,true)
                          .animate({opacity: "show", top: "-55"}, "slow");
	}, function() {
$(this).find("div").stop(true,true)
                          .animate({opacity: "hide", top: "-65"}, "fast");
	});
});
CSS:

.plan { border-collapse:collapse; font-size:14px;}
.plan td {
	padding: 5px;
	position: relative;
	text-align: center;
}
td div {
	background: url(../images/hover.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -65px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}


как подстроиться под мозилу?
Ответить с цитированием