title: Image is not rendering in IE
body: <p>The following code sample am using, Images are not displyed in any of IE version.</p>
  
  <p><strong>HTML Code:</strong></p>
  
  <pre><code>&lt;div class="container" style="text-align:center;"&gt;
   &lt;ul class="thumb"&gt;
    &lt;li style="height:220px; padding: 0 40px 0 0;  overflow:visible; 
           position: relative;"&gt;
     &lt;img width="246px" height="208px" src="images/about4.jpg" 
           alt="Biomimetic and Biological Materials"/&gt;
    &lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery:</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
  $(document).ready(function(){
  
  //Larger thumbnail preview 
  
  $("ul.thumb li").hover(function() {
      $(this).css({'z-index' : '10'});
      $(this).find('img').addClass("hover").stop()
          .animate({
              marginTop: '-110px', 
              marginLeft: '-110px', 
              top: '50%', 
              left: '50%', 
              width: '600px', 
              height: '400px', 
              padding: '20px' 
          }, 200);
  
      } , function() {
      $(this).css({'z-index' : '0'});
      $(this).find('img').removeClass("hover").stop()
          .animate({
              marginTop: '0', 
              marginLeft: '0',
              top: '0', 
              left: '0', 
              width: '246px', 
              height: '208px', 
              padding: '5px'
          }, 400);
  });
  
  //Swap Image on Click
      $("ul.thumb li a").click(function() {
  
          var mainImage = $(this).attr("href"); //Find Image Name
          $("#main_view img").attr({ src: mainImage });
          return false;       
      });
   });
   &lt;/script&gt; 
  </code></pre>
  
  <p>Am I doing anything wrong? thanks :)</p>