Событие jQuery click в IE7-8, не выполняется в div, только для его текста

Question

У меня проблема с использованием события нажатия jQuery с IE7-8-9. Я применяю событие на div. Но в этих двух версиях IE мне нужно нажать на текст, содержащийся в div, чтобы событие сработало.

Я не понимаю, потому что он все еще нормально работал с этими версиями, пока я не сделал несколько изменений (например, добавление свойств font css), но когда я пытаюсь удалить эти изменения, он все равно не работает, как я хочу;

Вот jsfiddle, иллюстрирующий ситуацию и ее полноэкранный результат.

http://jsfiddle.net/rC632/

function clickEvent(){

$('.answerDiv').click(function(){
    $( "div:animated" ).stop();
    if ( idPreviousClick === $(this)[0].id) {

    } else {
        if (idPreviousClick != -1) {
            $("#"+idPreviousClick).css({height:'100px', width:'100px', top:'0', 'line-height': '100px'});
            $("#"+idPreviousClick).parent().css({height:'100px', width:'100px', top:'0'});
        }
        $(this).animate({height:'120px', width:'120px', 'line-height': '120px'});
        $(this).parent().animate({height:'120px', width:'120px', top:'-10px'});
        idPreviousClick = $(this)[0].id;
    }
});

}

$(document).ready(function(){

clickEvent();

});

var idPreviousClick = -1;

http://jsfiddle.net/rC632/embedded/result/

Не могли бы вы иметь представление о том, чего не хватает?

Спасибо

Answer 1

Это связано с линейным фильтром: progid:DXImageTransform.Microsoft.gradient, который вы используете в css, он делает ваш div не активным. Я бы порекомендовал вам использовать изображение для градиента.