Hola jurupukavy.
Un ejemplo de z-index... y hover
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang='es'>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<title>z-index y hover</title>
<style type='text/css'>
.comun { position: absolute; width: 10em; height: 5em; }
#rojo { background-color: red;
left: 1em; top: 1em;
z-index: 1; }
#azul { background-color: blue;
left: 5em; top: 3em;
z-index: 2; }
#naranja { background-color: orange;
left: 9em; top: 2em;
z-index: 3; }
#rojo:hover,
#naranja:hover,
#azul:hover { z-index: 4; }
</style>
<body>
<p id='rojo' class='comun'>El rojo es vivo</p>
<p id='azul' class='comun'>El azul es elegante</p>
<p id='naranja' class='comun'>El naranja es guay</p>
</body> </html> Espero que os guste.