Отображение анимации браузером
 

Доброго всем времени суток!
У меня так выходит что разные браузеры по разному отображают следующий скрипт:

$('#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>

Фаерфокс отображает анимацию впринципе ничё так, а вот гугл вообще отвратительно себя ведёт, текст ссылки дрожит как с похмелья!
Очевидно что надо переписать скрипт, но тут встаёт вопрос что именно нужно переделать?
Как можно узнать почему гугл себя так ведёт? Что ему не нравится?