Problemas con Firefox al usar Position relative

[MarioAraque]

Bueno, estuve investigando un poco el error, pasa esto:

Se supone que tengo una palabra de titulo, la cual tiene abajo una imagen, pero la misma debe estar casi por encima del titulo, por lo que decidi usar position relative para subirla un poquito, y quede el efecto que me piden.
El tema es que, si muevo solo la imagen, el texto que tengo abajo se separa mucho de la misma, lo que me obliga a mover todo el contenido que esta abajo del titulo un poco mas arriba.

Al hacer esto, en firefox, los links que quiero poner dejan de funcionar, cuando paso atraves de ellos no cambia el cursor, nisiquiera me muestra el title que le puse a cada uno de ellos, pero en internet explorer si.

Código:

<div id="center">
                <h1>Rescuer</h1>
                <div>
                <img src="images/img_central.jpg" />
                <a href="#" title="Demostraci&oacute;n" class="video"><img src="images/icono.jpg" /></a>
                <p>Aca iria texto sin relevancia</p>
                <p class="caracteristicas">
                    <img src="images/ico_pdf.jpg" border="0" />
                    <a href="#" title="Caracter&iacute;sticas">Hoja de caracter&iacute;sticas</a>
                </p>
                </div>
            </div>

Y la clave esta aca:

Código:

#center div{
  position: relative;
  top: -40px;
  z-index: -1;
}

Si quito el position: relative y el top-40 funciona todo bien, pero la imagen se baja y no se ve tal como se muestra en estos momentos en el link que mostrare de nuevo abajo.

http://www.juegodetenisalkon.com/tarea/

Comprueben con IE y con FF como el icono de la camarita, y el de Hoja de características no funciona en FF pero si en IE

Nunca habia tenido tantos problemas como hoy =S

Saludos.