Las veo exactamente iguales en Chrome y Firefox. Si el footer es és donde está la "nube de tags" y las siluetas de los deportistas, se ve perfectamente.
No me puedo poner a estudiar donde puede haber un problema que no se ve, pero por tus comentarios, me parece que estás copiando y pegando sin entender lo que hacés.
Lo más fácil que se me ocurrió (para no usar capa sobre capa) es ponerle un
onclick al
body, que es el que tiene el fondo al que hay que darle el enlace a otra página (¡porque encima es un solo enlace para todo, ni siquiera hay que mapear!), así cuando pican fuera del contenido cambiás la página.
Existe un problema algo técnico con esto, y es que el click se "propaga" hacia los elementos ancestros. Si picás en el botón que hay en el
div, el evento se pasa a éste
div y después al
body.
Lo que hace que siempre terminés clickeando al "fondo", aunque no quieras.
Por eso te agregué un escriptcito que evita que el evento se salga del contenedor y pase al
body.
Fijate si podés adaptar esto. Es recontraborrador, pero se entiende
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript">
function cancelaClick(e) {
var ev = e ? e : window.event;
ev.stopPropagation() ? ev.stopPropagation() : (ev.cancelBubble = true);
}
</script>
<style type="text/css">
html, body {width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; }
body {background: url(http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif) fixed; }
#contenido {width:60%; margin: 0 auto; background-color: white;
height: 110%; cursor: default; padding: 10px; line-height: 500%; }
</style>
</head>
<body onclick="location='http://www.forosdelweb.com'">
<div id="contenido" onclick="cancelaClick(event)" >
<h1>QWERTYUIOP<BR>QWERTYUIOP<BR>
QWERTYUIOP<BR>QWERTYUIOP<BR></h1>
<a href="about:blank">A blanco.</a>
<input type=button onclick="alert('boton')" value="BOTÓN">
</div>
</body>
</html>
