Ocultar elementos a la vez IE7

[skullsuit]

Hola,
Tengo pagina con un header que contiene un titulo y un banner animado, a la izquierda tiene un menu y el contenido queda a la derecha.
Cuando un elemento del menu es seleccionado, el menu se desplaza hacia la izquierda y desaparece y quiero que también desaparezcan los elementos banner y el div de contenido y en su lugar mostrar un div ocupando todo el espacio que ha quedado libre y que contiene un iframe que mostrará otra pagina.

Ésta es mi función (la llamo desde page_load(), codigo VB.NET):

Código:

function toIframe () {
        $("#menu").animate({ "left": "-=15%" }, 300, function () {
                document.getElementById("contentWeb").style.display = "none";
                document.getElementById("slider").style.display = "none";
                document.getElementById("menu").style.display = "none";
                document.getElementById("contentiFrame").style.display = "block";
                document.getElementById("framezone").src = "xxx/xxx/xxx.aspx";
            });
       }

En firefox es correcto. En explorer esta "animación" queda muy fea porque se ve como se van ocultando secuencialmente los elementos y no todos a la vez como en firefox. Cual es el motivo? Se puede arreglar?
Tampoco sé si es la manera más adecuada de proceder para conseguir lo que he explicado. Se aceptan sugerencias!

Muchas Gracias!

[skullsuit]

Porqué moveis el tema? Trata exclusivamente de javascript, el framework es lo de menos