title: jQuery fadeOut is not changing display property
body: <p>On <a href="http://judi.simpleupdates.com/" rel="nofollow">http://judi.simpleupdates.com/</a> I am attempting to make a slideshow of images on a page using the jQuery <code>fadeIn</code> and <code>fadeOut</code> effects. Both items <code>fadeIn</code> without issue. However, <code>fadeOut</code> is not changing the <code>display</code> property of the <code>div</code> that is supposed to disappear. Any ideas why this might not be working as expected?</p>
  
  <p>This is the line that is failing:</p>
  
  <pre><code>$( ".carousel_item:nth-child(" + selected + ")" ).fadeOut(600);   
  </code></pre>
  
  <p><strong>UPDATE:</strong> The issue seems to be with <code>fadeOut</code> on a element that does not have a <code>width</code> and <code>height</code>. When values are added to the <code>width</code> and <code>height</code> properties of <code>div.carousel_item</code> the <code>fadeOut</code> call works properly. Another method is to remove <code>position: absolute</code> from the descendant <code>img</code> causing the <code>div</code> to grow to the <code>img</code> dimensions.</p>