jQuery .Fadein fica de conteúdo invisível no ie

Question

Estou tendo alguma dificuldade em fazer o IE se comportar. Eu criei uma página da web contendo várias divs ocultas.

Eles atuam como sub -páginas, quando um item de NAV é clicado, eles desaparecem de uma maneira muito básica.

Funciona na Firefox & Safari, mas no IE (8) desaparece em cerca de 60% e desaparece completamente, também nocauteando o fundo da div para trás? Ainda está lá porque posso clicar com o botão direito do mouse nas imagens, apenas invisível?

O Código Mostra abaixo faz com que o #Home desapareça para %50 e depois o #Subabout desaparece por cima antes de desaparecer.

Qualquer conselho seria apreciado..

$("#nAbout").click(function () {
    if(currentActive != "#subAbout") {
    $(currentActive).fadeOut('fast');
    $('#slideshow').cycle('pause');
    $("#home").animate({opacity: .5});
    $("#subAbout").fadeIn('slow');
    currentActive = "#subAbout";
    }
    else if(currentActive == "#subAbout") {
    $('#slideshow').cycle('resume');
    $("#home").animate({opacity: 1});
    $("#subAbout").fadeOut('slow');
    currentActive="#subHome"
    }
    return false;
  }
);

Answer 1

Isso soa como um conflito CSS. Você pode tentar remover seus estilos/ CSS em linha e ver se você pode se reproduzir?