problemas con superposicion de capaaas

[valenti77]

hola a todos, tengo una capa arriba de otras tres pero no se ve la imagen, miren:

Código:

/* Cabeceras------------------------*/

#header{ background-image:url(fondo-headermalvi.jpg);
background-repeat:no-repeat;
width:100%;
height:300px;
padding:0;
clear:both;
margin-top:-10px;
padding:0px;
}

a img{border:0;
}

#logo{ background-image:url(cevecim.gif);
position:relative;
    width:180px;
	height:180px;
	padding:0px;
	margin-top:-190px;
	margin-left:-650px;
	display: block;
	z-index:24;
}

#header_top{background-color:#5C93D6;
width:100%;
height:100px;
color:#FFFFFF;
text-align:left;
z-index:0;}

#header_med{background-color:#92B7E5;
width:100%;
height:40px;
margin:0;
z-index:0;
}

#header_fin{background-color:#BAD7FE;
width:100%;
height:40px;
margin:0;
z-index:0;
}

#miniheader{background:none;
width:100%;
height:9px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
margin:0;
text-align:left;
z-index:0;}

#mini_left {background-image:url(miniheaderizq.png);
background-position:center;
background-repeat:repeat-x;
width:20%;
height:9px;
padding:0;
margin:0;
float:left;
z-index:0;
}

#mini_left_med{background-image:url(miniheadermed.png);
background-position:center;
background-repeat:repeat-x;
width:20%;
height:9px;
padding:0;
float:left;
z-index:0;
}

#mini_left_fin{ background-image:url(miniheaderizqfin.png);
background-position:center;
background-repeat:repeat-x;
width:20%;
height:9px;
padding:0;
margin-left:40%;
margin-top:-19px;
z-index:0;
}

#mini_der{ background-image:url(miniheaderderecha.png);
background-position:center;
background-repeat:repeat-x;
width:40%;
height:9px;
padding:0;
margin:0;
float:right;
z-index:0;
}

y lo que no se ve en Firefox, porque en IE si,es el div "logo"

como se puede arreglar?

Saludos!