Link que no funciona

[fernandolsc]

Directamente, les muestro el código que no funciona como quiero.

El problema es que, cuando desactivo la imagen, el link (<a>) se muestra correctamente, pero no es posible pulsar sobre él para abrir la nueva página. (Pueden ver la página en la dirección [URL="http://www.flsc.es"]http://www.flsc.es[/URL]).

Agradezco de antemano cualquier ayuda.

Código html

<div id="contenedor">
<h1>
<span>
<img src="imagenes/index.jpg" alt="Fernando sobre gneis" usemap="#Gneis" />
<map name="Gneis" id="Gneis"><area shape="poly" coords="131,12,387,15,384,405,23,408,87,279,228,24 0,241,209,174,109" href="introduccion.html" alt="Click para entrar"/>
</map>
</span><p>Hola, soy Fernando.<br/>Pulsa <a href="introduccion.html">aquí</a> para entrar a mi sitio web.</p>
</h1>
</div>

Hoja de estilo

#contenedor {
margin: 20px auto;
width: 400px;
height: 437px;
}

#contenedor h1 {
position: relative;
width: 400px;
height: 437px;
overflow: hidden;
font-size:12px;
font-weight:normal;
color:#660000;
}

#contenedor h1 span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

#contenedor h1 p {
margin-top: 100px;
font-size:18px;
font-weight:bold;

}

#contenedor img {
border: 0;
}

[igualacero]

HOla fernandolsc me he metido en tu web y si te refieres a la primera imagen que sale cuando pulsas si que entras en tu espacio, no se ti es lo que preguntas??

[C2am]

Quitale la altura a:

Código CSS:

#contenedor h1 span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
 

saludos