title: jquery & CSS - Z-index
body: <p>In below jquery function z-index is not working in IE7, Please help me</p>
  
  <pre><code>&lt;script&gt;
  $(function() {
      $('span').hover(function() {
  
          $(this).stop().css({                      
              'float': 'left',
          'z-index':'15'
          }).animate({
              marginTop: '0px',
              marginLeft: '0px',            
              width: '200px',
              height: '125px',
              padding: '0px'
  
          }, 700, 'swing');
  
  
      }, function() {
  
          $(this).stop().css({            
              'border': '0px',
              'z-index':'10'
          }).fadeIn('slow').animate({
              marginTop: '0px',
              marginLeft: '0px',            
              width: '40px',
              height: '13px'            
          }, 700, 'swing');
  
  
      });
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Help much appreciated. I am new to jquery.</p>