z-index con firefox

[kahlito]

Hola fearlex, no hace falta que pongas z-index:-1, simplemente poniéndolo a 0 y el resto a partir de 1, 2, etc ya todos te irán bien

En tu caso tienes que cambiar en el css del contenido algunas cosas como meterle una posición relativa (position:relative) y luego un z-index por ejemplo de 1 (z-index:1):

Código HTML:

 #headerizq {position:relative;
             float: left;
             width: 176px;
		     height: 55px;
		     background: url(images/headerizq.gif) no-repeat;
			 z-index:1;
}

 #headerder {position:relative;
             float: left;
			 width: 488px;
			 height: 55px;
			 margin: 0px;
			 background: url(images/headerder.gif) no-repeat;
			 padding: 0px;
			 z-index:1;
}

 #nav {position:relative;
       float:left;
       position: relative;
	   top:15px;
	   left: 20px;
	   width: 400px;
	   height: 20px;
	   padding-left: 0px;
	   border-bottom: 1px dotted #000;
	   text-align: center;
	   z-index:1;
}

 #left {position:relative;
        float: left;
		width: 176px;
		height: 334px;
		background: url(images/left.gif) no-repeat;
		z-index:1;
}

 #right {position:relative;
         float: left;
		 width: 488px;
		 height: 315px;
		 background: url(images/right.gif) no-repeat;
		 z-index:1;
}

 #righten{position:relative;
         float: left;
		 width: 488px;
		 height: 315px;
		 background: url(images/righten.gif) no-repeat;
		 z-index:1;
}

Y luego para que las imágenes de fondo queden por debajo de estas solo con un z-index:0; ya te valdrian tanto en Firefox como Iexplorer, Opera etc

Código HTML:

 #floatimg {
            position: absolute;
			left:0px;
			top:10%;
			z-index:0;
			margin-left: 0px;
			background-image: url(images/topfloatimg.gif);
			width: 272px;
			height: 387px; 
}

 #bottomcorner {
                position: absolute;
				right: 0px;
				bottom: 48px; 
				z-index: 0;
				margin-bottom: 0px;
				margin-right: 0px;
				background-image: url(images/bottomcorner.jpg);
				width: 245px;
				height: 387px;
}

Espero que te sirva