title: mouseover mouse out nt working in IE8
body: <p><img src="https://i.stack.imgur.com/QPUjZ.png" alt="Ad Blocks Page Image"></p>
  
  <p>Dear All,</p>
  
  <p>I have this page in which if i mouseover on any orange ad block, then blue dashed border comes and on click of each ad block the respective info is displayed.</p>
  
  <p>I have the code block in JQuery as</p>
  
  <pre><code>var cssObj = {
    'border' : 'Dashed 2px #3B5998'
  }
  
  var cssObj2 = {
    'border' : 'none'
  }
  
  
       $(".gil_Ads_AdOverState1").mouseover(function(){
  
          $(this).css(cssObj);
  
       }).mouseout(function(){
  
          $(this).css(cssObj2);
  
       });          
  
       $(".gil_Ads_AdOverState1").click(function(){ 
  
             $('#gDescZone1').hide();
             $('#gDescZone2').hide();
             $('#descAd2').hide();
             $('#descAd3').hide();
             $('#descAd4').hide();
             $('#descAd1').fadeIn();
       });
  </code></pre>
  
  <p>It is working fine in Chrome while same is not working in IE8... May i know what is the problem.</p>