Soucis avec onmouseout javascript

Bonjour,
j'ai un petit soucis en javascript avec onmouseout, je vous explique :
en fait au départ j'ai 2 div. La seconde est hidden au départ. C'est lors du survol sur la première que la deuxième apparait. et bien sûr, lorsque la souris s'en va, la deuxième div disparait à nouveau. Le but est que lors du clic sur la première div, la seconde reste visible même lorsque la souris repart.
Jusqu'ici rien de bien compliqué me direz-vous, seulement le problème se gâte lorsque j'ai un menu comme ceci avec 6 éléments, qui font apparaitre chacun une iframe différente au même endroit dans la page.
Précisément mon problème, avec le code ci-dessous, c'est que tout marche bien sauf que la deuxième div reste visible lorsque la souris repart même si je n'ai pas cliqué.
Merci pour votre aide car j'ai fais des recherches toute l'aprem et je n'ai rien trouvé.


mes fonctions javascript :
function affiche_carre_sante(){ document.getElementById("carre_sante" ).style.visibility = "visible"; }
function cache_carre_sante(){
if (document.getElementById("frame_ref" ).src != "references_sante.htm" ) {
document.getElementById("carre_sante" ).style.visibility == "hidden";
} else {
document.getElementById("carre_sante" ).style.visibility == "visible";
}
}


ma première div :
<div class="case_secteurs" onmouseover="affiche_carre_sante();" onmouseout="cache_carre_sante()">
<a href="references_sante.htm" target="frame_ref" class="secteurs_link">Santé</a>
</div>


ma deuxième div :
<div><img src="image.gif" border="0" id="carre_sante" style="visibility:hidden" /></div>


mon iframe :
<iframe name="frame_ref" id="frame_ref" src="references_frame.htm"></iframe>