Простой JQuery animate(); не работает в 8?

Question

Я работаю над этим фрагментом jquery, который отлично работает в chrome и firefox, то есть 10 и т. Д. 9, но т. Е. 8 не будет работать. Где я ошибаюсь, написанный jquery кажется правильным. Что я могу сделать, чтобы улучшить этот код и заставить его работать, т.е. 8. Проверьте строку поиска в правом верхнем углу на chrome или firefox (у нее есть функциональность). Затем проверьте его, например, 8. Кажется, что код завершается или не заканчивается функция? Посетите сайт harley.bushcommunications.com.

/* SEARCH DROP DOWN */ 

$('#header .search').mouseenter(function() { 
    $('.search').css({'z-index': '2', 'filter': 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff)', '-ms-filter': '"progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff)"'}); 
    $('#header .search').animate({width: '15%'}); 
    $('#header .search > ul').show(); 
    $('#header input.input-hide, .search-submit').css({'display': 'block'}); 
    $('.cal').css({'z-index': '1'}); 
    $('.cal .right-text').fadeOut(); 
}); 

$('#header .search').mouseleave(function() { 
    $('#header > .serach > ul > p').css({'opacity': '0.0'}, 0); 
    $('.cal').css({'z-index': '2'}); 
    $('.search').css({'z-index': '1'}); 
    $('#header .search > ul').hide(0); 
    $('#header .search').animate({width: "125"}, 250); 
    $('input.input-hide, .search-submit').hide(); 
    $('.cal .right-text').fadeIn(); 
}); 

/* CALENDAR DROP DOWN */ 

$('#header .cal').hover(function() { 
    $(this).animate({width: '15%'}, 250, 'linear'); 
    $(this).find('ul').animate({'height': '200'},1000, 'easeOutBounce'); 
    $('.calendar').show(); 
}, 
function() { 
    $('#header .cal').animate({width: '125'}, 500); 
    $('#header .cal > ul').animate({height: '0'}, 250, 'linear'); 
    $('.calendar').hide();    
}); 

Answer 1

IE8 не поддерживает opacity. Вместо этого он использует filter:alpha(opacity=X), где X - значение от 0 до 100.