jquery and IE Rendering issue

Question

I realise that IE is a bit rubbish at most things but I was hoping someone could come up with a way of fixing a display issue in IE when using jquery.

on the following site, I have used jquery on the menu to show and hide options (projects and contact)

http://www.isabelarbelaez.com

When these are clicked in IE, they show whatever is behind them for an instant, before loading up normally.

Basically, this looks crap! I was wondering if anyone could suggest a way to get past this? My code for the animation is as follows:

jQuery(document).ready(function($) {

var timer;
var display;

$('li#contact').click(function() {
  clearTimeout(timer);
  $('ul.image_display').css('display', 'none');
  $('ul.projects').fadeOut().hide();
  $('li#cv').removeClass('cur');
  $('li#projects').removeClass('cur');
  $('li#contact').addClass('cur');
  $('ul.contact').fadeIn(function()
      {
      display = setTimeout( function()
         {
      $('ul.contact').fadeOut('slow');
      }, 8000);
      });
  timer = setTimeout(function() {
   $('li#contact').removeClass('cur');
   $('li#cv').addClass('cur');
   }, 8625);

  });

  $(function() {

  $('#projects').click(function() {
  clearTimeout(timer);
  $('li#cv').removeClass('cur');
  $(\"ul.contact\").fadeOut().hide();
  $('#contact').removeClass('cur');
  $('#projects').addClass('cur');
  $('ul.projects').fadeIn(function()
      {
      display = setTimeout( function()
         {
      $('ul.projects').fadeOut('slow');
      }, 8000);
      });
  timer = setTimeout(function() {
   $('li#projects').removeClass('cur');
   $('li#cv').addClass('cur');
    }, 8625); 
  });

  });

Answer 1

Try with this corrections:

$("ul.image_display li#image_hover img").attr("src", largeAlt );

and

$("ul.image_display li#image_hover img").attr("src", "" );