Bonjour à tous,

J'ai un problème de compatibilité sur une application web. J'ai une image bouton qui, lorsque je clique dessus, fait apparaitre un bloc à sa suite, bloc qui fait décaler le reste du contenu plus bas.

Sur IE, pas de problème.
Sur FF, pas de problème.
Sur Safari, ça se complique Smiley sweatdrop .

Le bloc qui apparaît au clic ne s'affiche pas complètement et le bloc suivant sensé être décalé s'affiche encore en partie. On dirait comme un problème de rafraichissement...

Toutefois, si je resize l'explorateur ou si je touche à l'ascenceur, tout semble rentrer dans l'ordre...

Les codes :

L'image bouton
<a href="#" onclick="ShowFiltresEtendus('rechercheDown','imgFiltresEtendus');">
    <img id="imgFiltresEtendus" style="border: 0px none ;" src="images/pictos/filters_up.gif">
</a>


La fonction javascript
function ShowFiltresEtendus(divName, imgName){
	try{
		if (document.getElementById(controlPrefix + divName).style.display == "none"){
			document.getElementById(controlPrefix + divName).style.display = "block";
			document.getElementById(imgName).src="images/pictos/filters_up.gif";
		}
		else{
			document.getElementById(controlPrefix + divName).style.display = "none";
			document.getElementById(imgName).src = "images/pictos/filters_down.gif";
		}
	}catch(e){alert("Erreur dans la fonction JS ShowFiltresEtendus du fichier peps.js : " + e.message); }
}


et pour finir ledit bloc
<div id="viewControl_rechercheDown" style="display: block;">Contenu...</div>


Est-ce que ça parlerait à quelqu'un ce type de problème ?

Merci d'avance à ceux qui prendront le temps de répondre.