Situar div de imagen encima de todas las capas

[satjaen]

Hola compañeros, tengo una imagen div que carga cada vez que hay una llamada al servidor y lo que quiero es que salga encima de todos los div. Se puede hacer?

Este es el div:

Código:

<div id="resultado" class="carga"></div>

y el css

Código:

#carga {
	position: absolute;
	top: 380px;
	height: 200px;
// 200px/2
width: 300px;
// 300px/2
overflow: auto;
	margin: auto;
	left: 50%;
	display: none;
}

Gracias y un saludo

[chichote]

claro, debes darle un z-index alto.

Saludos.

[satjaen]

Chichote gracias, le he puesto z-index: 10; pero me sigue sin salir en lo alto del todo:

Código:

#carga {
	position: absolute;
	top: 380px;
	height: 200px;
// 200px/2
width: 300px;
// 300px/2
overflow: auto;
	margin: auto;
	left: 50%;
	display: none;
	z-index: 10;
}

Pero donde debo poner el?:

Código:

<div id="resultado" class="carga"></div>

Gracias

[chichote]

Bueno un par de cosas, tu id es resultado, y tu class es carga, en el css lo estar tratando de manera inversa, debe ser .carga, el simbolo # es para los ID, y si no te funciona con ese z-index prueba con un z-index mas alto, por ejemplo fancybox trabaja con un z-index 1100, he visto otras modales que trabajan con z-index 9999, es para asegurarse que queden por encima de los otros elementos, pero si tenes claro que tus elementos no sobrepasan el z-index 9, entonces con 10 te debe funcionar.

Saludos.