Posicion estatica para thumbnail

[alextt]

Hola a todos,
Tengo un problemilla con el thumbnail, son tres columnas de fotos y al pasar el raton , se acaban viendo mal, se salen de la "web" y me gustaria dejar la imagen grande en el centro de la web, centradita.

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
background-color: lightyellow;
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
/*visibility: hidden;*/
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:absolute;
left: -450px;
/*position where enlarged image should offset horizontally */
}


Alguien me puede ayudar?
Muchas gracias de todas maneras.
Saludos

[willyfc]

Estos vínculos te pueden ayudar:

Ejemplo 1
Ejemplo 2
Ejemplo 3

revisa los códigos fuente.

[AlbertoGarcia]

Supongo que tienes ese problema porque el contenedor principal está centrado horizontalmente. Ese codigo que usas (lo he visto antes pero no recuerdo donde) usa posicion absoluta para mostrar la imagen al pasar el puntero sobre la miniatura, sólo te va a funcionar si también posicionas el contenedor principal de forma absoluta respecto de la ventana del navegador o si te olvidas de centrarlo.

Salud!