title: jQuery applying css opacity
body: <p>I have tried to get the opacity to work in IE, I am testing in IE8 at the moment, Chrome etc works fine but IE8 is terrible.</p>
  
  <p>My code has been:</p>
  
  <pre><code>$('#mydiv').animate({'opacity': '0.5'});
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$('#mydiv').css('opacity', 0.5);
  </code></pre>
  
  <p>The opacity is applied to the images held within this div but none of the text, it's very infuriating :( can anyone help me? Thanks in advance.</p>