El problema biene en esta capa:
Código:
a span {
visibility:hidden;
color:white;
text-align:center;
font:bold 14px "Trebuchet MS",arial;
position:absolute;
top:0px;
left:0px;
visibility:hidden;
z-index:10;
}
que al tener el posicionamiento absolute y estar dentor de #container el posicionamio horizontal de la capa, que lo marca left:0px; es a 0 del navegador i no a 0 de la #container.
O para preguntarlo de otra forma como puedo hacer que el posicionamiento de eesta capa se base en la capa #container y no en toda la ventana del navegador.
Gracias por la ayuda.