[Resolvido] jQuery e IE

Galera,

Resolvi recorrer a vocês após tentar resolver de todas as formas possíveis e de uma longa busca no google e na documentação da jQuery.

Estou com o seguinte script:

// JavaScript Document

$(document).ready(function() {

 $('div#corpo').click(function() {
 showDiv("div#contato");
 });

 $('a.fechar').click(function() {
 hideDiv('div#contato');
 });

});

function showDiv(div)

{

 createOverlay();
 $(div).animate({height: 'show', opacity: 'show'}, 400);
 $('div#overlay').bind('click', function(){
 $(div).hide(1);
 $('div#overlay').fadeOut(150, function(){
 $(this).remove();
 });
 });
}

function hideDiv(div)

{

 $(div).hide(1);
 $('div#overlay').fadeOut(150, function(){
 $(this).remove();
 });
}

function createOverlay()

{

 var oheight = $(document).height();
 var owidth = $(document).width();
 var overlay = $('<div>');

 $(overlay).attr('id', 'overlay').animate({'opacity': '0.5'}, 300)
 .css({'width': owidth, 'height': oheight});
 $('body').append(overlay);
}

A idéia é mostrar e ocultar um div que existe no HTML, e habilitar o escurecimento do restante do site, assim como a lightbox faz... na verdade é uma lightbox, só que para exibir um div que contém um formulário.

#contato { display: none; ........ }
No Firefox, tudo funciona perfeito, as animações, tudo... Mas no IE não consigo obter resultado, já tentei inclusive fazer um exemplo básico da documentação do jQuery e o mesmo não funcionou.

Alguém pode me dar uma luz? Tô fazendo algo errado aí?