jquery ошибка эффекта наведения мыши, событие mouseover всегда срабатывает несколько раз при наведении курсора мыши

У меня есть простая сетка галереи с вложенным диапазоном, который показывает заголовок, который я хочу сдвинуть вверх при наведении указателя мыши и скрыть при выводе указателя мыши.

] Все работает нормально, кроме случаев, когда мышь перемещается вниз туда, где находится заголовок и / или зависает от плитки от нижней части плитки, затем эффект наведения повторяется несколько раз неконтролируемо.

Сначала я подумал, что это может быть из-за того, что диапазон содержится в якоре, который является триггером наведения, но его перемещение также не сработало.

Есть идеи?

Демонстрация здесь: http://www.winterealm.com/gallery/

Разметка:

    

        
Category A
        
Category B
        
Category C
        
Category D
        
Category E
        
Category F
    

Вот jquery

$(document).ready(function(){
    $('.gallery_container a').mouseover(function(){
        $(this).children('.title').animate({
            opacity: 100,
            bottom: 0
        },200);
    });

    $('.gallery_container a').mouseout(function(){
        $(this).children('.title').animate({
            opacity: 0,
            bottom: -30
        },200);
    });
});