title: Why this Javascript does not work in IE
body: <p>I've a piece of code in Javascript that works in Chrome and Firefox but don't work in IE. The code supposed to change CSS background-image when mouse hover some div and remove background-image when mouse is out.</p>
  
  <p>Javascript:</p>
  
  <pre><code>$(document).ready(function() {
      $('.expositores1').hover(function() {
          $('.expositores1').css('background-image', 'url(/wp-content/themes/kallyas/images/mapa/piso0/inter_piso0_r5_c2_f4.jpg)', 'background-repeat', 'no-repeat');
          $('.expositores2').css('background-image', 'url(/wp-content/themes/kallyas/images/mapa/piso0/inter_piso0_r12_c2_f2.jpg)', 'background-repeat', 'no-repeat');
          $('.expositores3').css('background-image', 'url(/wp-content/themes/kallyas/images/mapa/piso0/inter_piso0_r12_c4_f2.jpg)', 'background-repeat', 'no-repeat');
          $('.expositores4').css('background-image', 'url(/wp-content/themes/kallyas/images/mapa/piso0/inter_piso0_r14_c3_f2.jpg)', 'background-repeat', 'no-repeat');
      });
      $('.expositores1').mouseout(function() {
          $('.expositores1').css('background-image', 'none');
          $('.expositores2').css('background-image', 'none');
          $('.expositores3').css('background-image', 'none');
          $('.expositores4').css('background-image', 'none');
      });
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="expositores1"&gt;&lt;/div&gt;
  &lt;div class="expositores2"&gt;&lt;/div&gt;
  &lt;div class="expositores3"&gt;&lt;/div&gt;
  &lt;div class="expositores4"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.expositores1{
      position: absolute;
      width: 306px;
      height: 122px;
      margin-left: 11px;
      margin-top: 146px;
  }
  .expositores2{
      position: absolute;
      width: 81px;
      height: 127px;
      margin-left: 11px;
      margin-top: 268px;
  }
  .expositores3{
      position: absolute;
      width: 185px;
      height: 127px;
      margin-left: 132px;
      margin-top: 268px;
  }
  .expositores4{
      position: absolute;
      width: 40px;
      height: 90px;
      margin-left: 92px;
      margin-top: 304px;
  }
  </code></pre>
  
  <p>Anyone can help? Why it works in Chrome and Firefox but does not work in IE?</p>
  
  <p>Regards,
  Hugo</p>