Функция hover (jQuery)
 

Вот написал небольшой код - при наведении на блок правая часть удлиняется, а левому присваивается класс с тенью (небольшое подсвечивание).
В 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);
	});
};

:hover убери

Убрал - заработало как надо. Но у меня несколько блоков с таким классом. И код срабатывает на каждый. Как сделать, чтобы код срабатывал на тот, который был наведен?

krasovsky, спасибо!
Дальше все сам сделал. Разобрался.

какая у тебя разметка? что то типо этого?

<div class="selected" id="works">
<div>12312312</div>
</div>

тогда вместо $('#works > div') пиши $(this).children('div') или $('div',$(this))

ок)