title: JQuery removeclass addclass not working in ie
body: <p>I'm making this overview where the title appears on the bottom of an image when you hover the image.</p>
  
  <p>It's working fine in all browsers except internet explorer.</p>
  
  <p>This is what I've got so far:<br />
  html:</p>
  
  <pre><code>    &lt;div class="category"&gt;
        &lt;a href="?pageId"&gt;
          &lt;span class="Image"&gt;&lt;img src="image.jpg" /&gt;
            &lt;span class="Title"&gt;Page Title&lt;/span&gt;
          &lt;/span&gt;
        &lt;/a&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>    .category {width:220px; float:left; margin-right:20px;}
      .category a .Image {position:relative; }
      .category a .Image img {display:block; width:220px; height:auto;}
      .category a .Title {display:none;}
      .category a .viewTitle {display:block; height:40px; padding:5px 10px; position:absolute; top:-50px;}
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>    $( ".category a .Image" ).hover(function(){
        $(this).find('.Title').addClass("viewTitle");
      }, function() {
        $(this).find('.Title').removeClass("viewTitle");
      });
  </code></pre>
  
  <p>Any ideas? Thanks in advance</p>
  
  <p><strong>EDIT: error in mark-up -> .Title is inside .Image, sorry for mix-up.</strong></p>