z-index sous Firefox

Bonjour a tous .

Cela fait maintenant un petit moment que je m'acharne sur un problème de z-index.

En effet je cherche a faire passé tout un div au dessus de la page ce qui marche a merveille sous ie8 , opéra mais pas sous firefox.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function centerPopup(id){
		var windowWidth = document.documentElement.clientWidth;
		var windowHeight = document.documentElement.clientHeight;
		var popupHeight = $("."+id).height();
		var popupWidth = $("."+id).width();
		$("."+id).css({"position": "fixed","top": windowHeight/2-popupHeight/2,"left": windowWidth/1.35-popupWidth/2 });
		$("#backgroundPopup").css({"height": windowHeight });
 
	}
 
	function loadPopup(id){
		if(popupStatus==0){
			$("#backgroundPopup").css({
				"opacity": "0.7"
			});
			$("#backgroundPopup").fadeIn("slow");
			$("."+id).fadeIn("slow");
			popupStatus = 1;
		}
	}

En premier je centre puis aprés je charge la popup

Css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* pour IE6 */
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}
 
#popupH{
	display:none;
	position:fixed;
	_position:absolute; /* pour IE6 */
	background:#FFFFFF;
	border:2px solid #cecece;
	padding:12px;
	font-size:13px;
	z-index:2;
}

Voila merci