jQuery - Animation provoque une superposition Div IE7

Question

J'ai une div masquée (#contactArea) au-dessus d'une autre div. Lorsque je clique sur le lien, le #contactArea s'ouvre. Quand je le clique à nouveau, il se referme. Tout fonctionne bien, sauf dans IE7.

Les deux div sont transparents, donc ils se chevauchent. Je ne sais pas pourquoi cela se produit, ou pourquoi cela n'arrive pas sur d'autres navigateurs. Il se sent à peu près comme IE7 est juste sur celui-ci.

Un moyen de résoudre ce problème?

$(document).ready(function(){ 
    $("#contactArea").css('display', 'none'); 

    $("a.contact").toggle(function() { 
     $("#contactArea").animate({height: "show"}, 1500, "easeOutBounce"); 
    }, function() { 
     $("#contactArea").animate({height: "hide"}, 1500, "easeOutBounce"); 
    }); 
}); 

Answer 1

Ajouter la règle CSS suivante:

#contactArea { 
    background-color: white; 
} 

(ou d'une autre couleur). Vous pourriez également vouloir ajouter une bordure.