jQuery .fadeIn se vuelve invisible contenido en IE

Question

Estoy teniendo algunas dificultades para IE comportarse. He creado una página web que contiene varios divs ocultos.

Estos actúan como sub-páginas, cuando se hace clic en un elemento de navegación que se desvanecen de entrada / salida de una manera muy básica caja de luz.

Funciona en Firefox y Safari, pero en IE (8) que se desvanece en aproximadamente un 60% luego se desvanece por completo, también la anulación de los antecedentes de la div detrás? Todavía está allí porque puedo haga clic con las imágenes, simplemente invisible?

El espectáculo código de abajo causas #home a desvanecerse a% 50 desvanece entonces #subAbout en más de la parte superior antes de que dissapears.

Cualquier consejo sería 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

Esto suena como un conflicto CSS. Se puede tratar de retirar a su estilos en línea / css y ver si se puede reproducir?