Vaya acabo de mirar en Mozilla y el ejemplo anterior que puse no me sirve:
Este estilo fue para crear la capa:
<style>
}
#primerboton{
position:absolute; width:90; height:18; z-index:2; top: 40;background: #336699;}
</style>
Y este para crear la posición centrada de la imagen:
<style>
.imagen{margin-right:auto; margin-left:auto; text-align:center;display: block;}
</sytle>
<div id="primerboton">
<p class="imagen"><img src="botonalfa147.gif"></p>
</div>
Y viendo que al final no me salia en otros navegadores he optado por poner las imagenes sin estar dentro de esas capas:
<style>
.posicionimagen {position:absolute; width:280; height:160;top: 182; left: 450;}
.primerob{position:absolute; width:90; height:18; top: 40;}
.segundob{position:absolute; width:90; height:18; top: 100;}
.tercerb{position:absolute; width:90; height:18; top: 160;}
.cuartob{position:absolute; width:90; height:18; top: 220;}
.quintob{position:absolute; width:90; height:18; top: 280;}
</style>
Y en el body:
<p class="posicionimagen"><img src="alfa1473projete.gif"></p>
<p class="quintob"><img src="botonspider.gif"></p>
<p class="cuartob"><img src="botongtv.gif"></p>
<p class="tercerb"><img src="botonalfa166.gif"></p>
<p class="segundob"><img src="botonalfa156.gif"></p>
<p class="primerob"><img src="botonalfa147.gif"></p>
Así me las coloca en la parte que quiera y me funciona, pero y si las quisiese hacer como lo intentaba antes, o sea centrada en un div, ¿Como podria hacerlo?
Gracias, un saludo
