Gracias por la explicación, me ha quedado todo muy claro.
Me surgió un problema con el que no contaba, y es que en la imagen de fondo tenia que poner 4 zonas interactivas, pero no ha habido problema, he eliminado el background y lo he puesto como imagen y ya si me permitía poner zonas interactivas y de paso se me ha arreglado lo del contador y lo he podido poner donde quería. No pongo foto porque no me permiten enlaces.
Todo ha quedado así;
Código HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Centrado de foto independientemente de la resolución de pantalla</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
outline: 0;
}
html, body {
background-color: #000;
width: 100%;
height: 100%;
overflow: auto;
}
#caja_foto {
position: absolute;
width: 750px;
height: 536px;
margin-left: -375px;
margin-top: -268px;
left: 50%;
top: 50%;
border: 1px solid #444;<br />
}
</style>
</head>
<body>
<div id="caja_foto">
<div align="center"><img src="fondo_index03.jpg" width="750" height="536" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="124,148,625,299" href="#" /><area shape="rect" coords="11,472,167,528" href="#" /><area shape="rect" coords="293,460,471,529" href="#" /><area shape="rect" coords="595,470,741,530" href="#" /></map>
<!-- http:/contadores.miarrobacom -->
<script type="text/javascript" src="http:/contadores.miarrobacom/ver.php?id=587178"></script>
</div>
<!-- http:/contadores.miarrobacom --></div>
</body>
</html> Gracias por la ayuda, de verdad.