html - Simple JQuery animate(); not working in ie 8? -

After

i.e. 9 is working on this snippet of jQuery that works fine in chrome and firefox, i.e. 10 That is, however, 8 will not work where I am getting wrong, the jquery written is correct. What I can do to increase this code and it's working on 8 or 8. Check the search bar in the top right corner of Chrome or Firefox (its functionality). Then check it in 8. It seems that the code is ending or the function is not finished? Visit harley.bushcommunications.com.

  / * search drop down * / $ ('# header.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 & gt; ul '($ "'. '' '.'). $ ('.', 'Block'}) $ ('.cale'). CSS ( {'Z-index': '1'}); $ ('.cal .right-text'). FadeOut ();}); .. $ ('# header.search') mouseleave (function () {$ ('# Header' gt; .serach & gt; ul & gt; P ') CSS ({' opacity ':' 0.0 '}, 0); $ (' .cal '). CSS ({' z-index ' : '' 2 '}); $ (' search '). CSS ({' z-index ':' 1 '}); $ (' # header. (Search: "125"}, $ 250); $ ( 'Input.in Click on 'put-hide', .search-submit '.) .hide (); $ (' .cale .right-text '). FadeIn ();}); / * Calendar drop down * / $ (' #. Cal header 'hover (function () {$ (this) .animate ({width: '15%'}, 250, 'linear'); $ (this) ('' height '': 200 '}, 1000 , 'Ease of life'); $ ('Calendar.') Show ();}, function () {$ ('# header (' height: '0'}, 250, 'linear'); $ ((width: '125'}, 500); $ ('# header Cal & gt; ul ').' .calendar '). Hide ();});    
 
 
 IE8 does not support  opacity . Instead, uses the  filter: alpha (opacity = x)  where X is the value of 100.