title: IE8 jQuery FadeTo
body: <p>HTML markup:</p>
  
  <pre><code>    &lt;ul id="portfolio"&gt;&lt;li class="web"&gt;
              &lt;span class="info"&gt;August 2007 &lt;a href="http://awebsite.com" rel="external"&gt;visit&lt;/a&gt;&lt;/span&gt;
              &lt;a href="/assets/image.jpg" class="fancybox" rel="web"&gt;
                  &lt;img src="/assets/imagelarge.jpg" alt="Rising Star Ranch" /&gt;
                  &lt;span class="title"&gt;Some Title&lt;/span&gt; Some other text...
              &lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$("ul#portfolio li").fadeTo("slow", 0.3);
  </code></pre>
  
  <p>In Firefox 3 and 3.5 as well as IE7, this behaves as expected and fades out all elements within the 'li'. In IE8, nothing is faded at all, and no Javascript errors show up when debugging.</p>
  
  <p>The page is located at 
  <a href="http://joecoledesign.com/portfolio" rel="nofollow noreferrer">http://joecoledesign.com/portfolio</a></p>
  
  <p>Thanks!</p>