Te sugiero que, directamene en body crees una imagen png (fondos transparentes), y manejes, ademas del ancho y alto de pantalla, un z-index alto pero inferior al botón que te vaya a habilitar.
Mira en http://www.digitaleando.com/mundogeo/index.php
<body>
<input type="image" src="imagenes/botonver.png" alt="Ver mi posicion" style="bacground-color:transparent; border:0; margin:0; padding:0;z-index:100;" id="currentLocation" name="currentLocation" onclick="initiate_geolocation();" />
<!-- BOTON PARA VER MI POSICION -->
<div id="mundo_geo">
<img src="imagenes/mundo_geo_index.png" alt="Entrar en Mundo Geo" style="width:100%; z-index:50;" />
</div>
<div id="entrarindex">
<a href="mundogeo.php"> <img src="imagenes/botonentrarindex.png" alt="Entrar en Mundo Geo" style="z-index:100;" /></a>
</div>
...
</body>
En http://www.digitaleando.com/mundogeo/geollegar.php tienes básicamente la misma página con todo el espacio habilitado.
(Omito otros datos, pasando aquí a style="" lo que en realidad va en CSS, archivo enlazado.
OJO: Cuida los espacios de transparencia del png principal)