Вот написал небольшой код - при наведении на блок правая часть удлиняется, а левому присваивается класс с тенью (небольшое подсвечивание).
В Firefox работает корректно. А в Chrome и Опере - при отведении мышки, блок не возвращается в исходное положение, а при дальнейшем наведении - продолжает возрастать в ширину из-за добавления падинга. И только спустя время начинает дорабатывать анимацию, которая не проигрывалась сразу, но его длина остается уже такой, какой стала.
function hoverServices() {
$('.selected').hover( function() {
$('#works > div:hover').animate( {
'margin-left' : '-=25px'
}, 300);
$('#works > div:hover .caption').addClass('hoverServices');
$('#works > div:hover .description').animate( {
'padding-left' : '+=25px'
}, 300);
}, function() {
$('#works > div:hover').animate( {
'margin-left' : '+=25px'
}, 300);
$('#works > div:hover .caption').removeClass('hoverServices');
$('#works > div:hover .description').animate( {
'padding-left' : '-=25px'
}, 300);
});
};
