Te respondo por partes
primero la parte que no necesito mirar ni probar nada:
Cita: Te queria comentar una cosilla, me has dicho antes que lo ideal hubiera sido dar 100% a la propiedad width de la capa contenedora de la imagen y 0 a la propiedad left y luego centrar la imagen en la capa.. pues yo lo hice y no centraba ninguna imagen No entiendo por qué..
Por que las capas no centran horizontalmente(salvo que pongas la imagen entre <div align="center">) ni verticalmente.
La idea es que dentro de la capa al 100% de ancho (y de alto si quieres alinear vertical) vaya una tabla al 100% de ancho (y de alto, si quieres también centrar verticalmente) y a la única celda darle un align="center"
Voy a echar un ojo a lo otro que preguntas a ver qué veo
....por cierto,
me fijé en que le das a la capa contenedora de la imagen principal que le dabas el atributo align="center"
Esto no lo he leído en ninguna parte, pero sí lo he comprobado.
Cuando trato de usar div para centrar o alinear a la izquierda o derecha he de usar ese div sólo para eso (bueno sí que se le pueden pedir otras cosas, pero no como capa).
Si el div es para crear una capa, no le sirve el atributo align="center"
Así si quieres una capa centrada necesitarías dos div
<div align="center">
<div id="pepe" style="position:absolute; etc">
Contenidos
</div>
</div>
Pruébalo