Situar zoom dentro de los límites de la web sin importar resolución de pantalla

Hola de nuevo,
hacía mucho que no entraba en el foro. Vuelvo al ataque con una consulta que dejé a medias la última vez.

Tengo un zoom de imagenes sale perfecto. Pero depende de la resolución a veces sale fuera de los límites de la web.
En este rato he estado investigando. Si la web es de 800 px centrados y el ancho de la ventana del zoom es de 380px hay que formular de manera que sea "ancho de pantalla/2 y que el borde derecho del zoom coincida con el borde derecho de la web.

La distancia la tengo con respecto a la parte de arriba e izquierda,asi:

#easy_zoom 
{
width : 380px;
height : 480px;
border : 5px solid #eee;
background : #fff;
color : #333;
position : absolute;
top : 130px;
left : 500px;
overflow : hidden;
{

Me gustaria que siempre quedase pegada al borde derecho de la web, independientemente de la pantalla, pero dentro de los límites.

Pongo el enlace de una de las páginas para que veais el html.

http://www.pipilotta.es/colecciones/vestidos/modelosves/v113.html

Gracias anticipadas.

Hola, para hacer lo que comentas puedes probar este cambio.
Puede ser lo que necesitas.

#easy_zoom {
width : 380px;
height : 480px;
border : 5px solid #eee;
background : #fff;
color : #333;
position:fixed;
top:5px;
right:5px;
overflow : hidden;
}

saludos

Me gusta mucho tu idea de situar el zoom respecto a la derecha de la pantalla del visitante ;). Lo he probado y ahora podría situarlo mucho mas acorde a mis preferencias.
Pero en este mundillo del diseño web nada sale a la primera.
Tenemos al señor I. Explorer haciendo de las suyas.

El atributo "fixed" en IE parece que me esconde el zoom detrás de la web. Lo noto porque la barra de desplazamiento vertical evoluciona de idéntica forma que en el resto de navegadores al pasar el puntero por la miniatura. Pero no se visualiza.

¿Como podría sustituir ese atributo en el css y que realice el mismo efecto?

Tengo ahora mismo tu modificación aplicada. Espero tu respuesta.
Muchisimas gracias.

Hola, el hecho de colocar la imagen como te propongo es más que nada por si en otras ocasiones decides colocar imágenes mayores y que tus clientes se puedan desplazar con el mouse la lupa y que la imagen de ampliación siempre quede visible, es una buena idea.

Como has dicho, IE es complicado, pero hay algo que te puede valer, y espero que no afecte en nada a tu Script. (No lo creo, sólo es Css)
Bueno, pruebalo, yo lo he probado en IE8,Firefox y Chrome, y en los tres va bien.

/*zoom de imagenes individuales*/
#easy_zoom {
width : 380px;
height : 480px;
border : 5px solid #eee;
background : #fff;
color : #333;
overflow : hidden;

/*==================
Para firefox - chrome
====================*/
position: fixed !important;
top:5px;
right:5px;

/*==================
Para IE
====================*/
position: absolute; 
top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
right:expression(0+((e=document.documentElement.scrollRight)?e:document.body.scrollRight)+'px'); 
}

Quiero prevenirte....
Internet explorer tiene una versión 9, que este ya se acerca un poco más a los standares de firefox y el navegador de Google, deberias preocuparte y hablar con alguien que disponga de este navegador, y pedirle que te diga como lo ve, sólo para salir de dudas y que te confirme un !OK..!!

Suerte

[:D] Misión cumplida!.

Gracias! Me gusta mucho la idea de situarlo ahi y los zoom se ven correctamente en todos los navegadores, incluyendo IE9.

Otro problema resuelto gracias a vuestra enorme aportación.

Gracias de nuevo. (Añado la reputación correspondiente como siempre [;)] ) Sois geniales.

Ah! el atributo "important" me ha parecido muy interesante y útil.

Hola, gracias....
Pero en Internet explorer 8 no se ve bien.
Bueno, yo ya te he mostrado una opción que funciona bien, si has decidido no colocarla tendrás alguna razón.
Pero deberias tenerlo en cuenta, creo que no lo has probado con IE8 antes de comentarlo.

!importan; es para decirle a todos los navegadores que muestre tal y como se indica en la linea anterior a este atributo... simplemente.
Pero no se debe abusar.

Saludos

Ah, creia que la excepción de la que dudabas era sólo en IE9, lo comprobé y si funcionaba.
En IE8 di por echo que se vería bien.

Lo que ha pasado es que como tengo dos hojas de estilos diferentes, una para IE y otra para el resto; usé cada parte correspondiente de ese codigo para cada hoja de estilos.

¿He de copiarlo tal y como me lo escribes en ambas hojas?

Hola...
no creo que te afecte en nada pongas donde lo pongas a no ser que haya algo que interfiera.
Prueba a ponerlo donde te apetezca, si ves que funciona correctamente, simplemente dejalo estar.

En cuanto al tema de IE9,

Quiero prevenirte....
Internet explorer tiene una versión 9, que este ya se acerca un poco más a los standares de firefox y el navegador de Google, deberias preocuparte y hablar con alguien que disponga de este navegador, y pedirle que te diga como lo ve, sólo para salir de dudas y que te confirme un !OK..!!

Sólo te sugería que lo mirasen con IE9, que en IE8, firefox y Crhome funcionan correctamente... por lo menos las pruebas que yo hice.

saludos

Bueno parece que ahora si está.

Muchisimas gracias por tu paciencia.:|

Hola...
creo que te queda muy bien y parece ser que funcionan correctamente.
Me alegra....

Bueno se agradece puntuar estos mensajes , pero no lo he hecho por eso... de verdad.
Me alegra ayudarte.

saludos