Cuando utilizamos la propiedad position (salvo que el valor sea static), los elementos pueden superponerse entre si. Para poder definir que elemento es mas importante que el otro usamos la propiedad z-index. La misma acepta numeros del 1 al 999. Mientras mas alto sea el valor de z-index, mas importancia tendra el mismo, por lo tanto el elemento de mayor z-index estará arriba del otro. Su sintaxis es sencilla:

z-index:999

Imaginemos este ejemplo: tengo dos cajas, una gris y otra burlywood, y a una le doy una position absolute y un left de 100px. Obligatoriamente quedarán una encima de otra, ahora depende a cual le demos mas z-index será la que estara encima de la otra. Supongamos que a la caja gris le damos un z-index de 999. Se verá asi

La caja gris encima de la otra

Sin embargo, si decidimos darle z-index:999 a la caja burlywood pasará lo contrario

La caja burlywood quedará encima de la otra

ATENTI

z-index también acepta valores negativos, por ejemplo z-index:-1