title: IE8 not animating jQuery menu properly
body: <p>I am having a real headache. I have written a small and simple menu which employs simple animation (fade in/fade out) powered by jQuery.</p>
  
  <p>My issue is that the animation, when bviewed in ie8 looks awful - while the animation is running big ugly black borders are visible around the text (take a look at the link below you will see what I mean).</p>
  
  <p>The issue is further compounded by the fact that it renders and animates absolutely perfectly in FF, Chrome and Safari.</p>
  
  <p>Now, as you will see from the page I am an experienced web developer and as such am well used to IE quirks, but I cannot find the cause of this particular issue.</p>
  
  <p>The page can be viewed <a href="http://www.echo-solutions.co.uk/prelaunch/menu_sprites2.html" rel="nofollow noreferrer">here</a></p>
  
  <p>Any ideas anyone??</p>
  
  <p>Si</p>
  
  <p>EDIT: As requested, the CSS (although you could see it using Firebug) can be downloaded <a href="http://www.echo-solutions.co.uk/prelaunch/css/menu_sprites2.css" rel="nofollow noreferrer">here</a> </p>
  
  <pre><code>enter code here
  </code></pre>