jQuery .fadeIn devient invisible contenu dans IE

Question

Je vais avoir quelques difficultés à se comporter IE. J'ai créé une page Web contenant différents divs cachés.

Ceux-ci agissent comme sous-pages, lorsqu'un élément de navigation est cliqué, ils fade in / out de manière lightbox très basique.

Il fonctionne dans Firefox et Safari, mais dans IE (8), il apparaît en fondu à environ 60% disparaît alors complètement, frappe aussi l'arrière-plan de la div derrière? Il est toujours là parce que je peux le bouton droit sur les images, juste invisible?

Le spectacle de code ci-dessous les causes #Page à disparaître à 50% puis #subAbout se fane au-dessus du dessus avant qu'il dissapears.

Tout conseil serait apprécié ..

$("#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

Cela ressemble à un conflit CSS. Pouvez-vous essayer d'enlever vos styles inline / css et voyez si vous pouvez reproduire?