Доброго всем времени суток!
У меня так выходит что разные браузеры по разному отображают следующий скрипт:
$('#position_button_3').hover(function(){
$(this).css({'z-index':'10'});
$(this).animate({'paddingTop':'40px',
'paddingBottom':'40px',
'paddingRight':'40px',
'paddingLeft':'40px',
'borderBottomLeftRadius': '40px',
'borderBottomRightRadius': '40px',
'borderTopLeftRadius': '40px',
'borderTopRightRadius': '40px',
'left':'181px',
'top':'-25px'
}, 500);
},function(){
$('#position_button_3').animate({'paddingTop':'15px',
'paddingBottom':'15px',
'paddingRight':'20px',
'paddingLeft':'20px',
'borderBottomLeftRadius': '0',
'borderBottomRightRadius': '0',
'borderTopLeftRadius': '0',
'borderTopRightRadius': '0',
'left':'201px',
'top':'0'}, 500, function(){
$('#position_button_3').css({'z-index':'1'});
});
});
Это кнопочка в верхнем меню, её структура такая:
<li><a href="#" id ="position_button_3" class="button1">Contact</a></li>
Фаерфокс отображает анимацию впринципе ничё так, а вот гугл вообще отвратительно себя ведёт, текст ссылки дрожит как с похмелья!
Очевидно что надо переписать скрипт, но тут встаёт вопрос что именно нужно переделать?
Как можно узнать почему гугл себя так ведёт? Что ему не нравится?
