Хоризонтално/ вертикално центриране на снимка в изнесен слой

Здравейте!

Имам страница с изображения, разположени в блокова структура. При клик всяка снимката се показва в изнесен слой като с javascript й се задава следния стил:

#img_pr
{
position: absolute;
left: auto;
top: auto;
z-index:1;
}

Проблемът е, че при изнасянето в горния слой браузърът праща снимката на майната си, а не я центрира по хоризонтала и вертикала.

Мога ли с CSS да центрирам снимката по хоризонтала и вертикала спрямо екрана (а не спрямо документа!) ?

Приемам всякакви разумни предложения!
Благодаря предварително!

http://uroci.net/urok/1109/%D0%A6%D0%B5%D0%BD%D1%82%D1%80%D0%B8%D1%80%D0%B0%D0%BD%D0%B5-%D0%BD%D0%B0-%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B0-%D0%BF%D0%BE-%D1%85%D0%BE%D1%80%D0%B8%D0%B7%D0%BE%D0%BD%D1%82%D0%B0%D0%BB%D0%B0-%D0%B8-%D0%B2%D0%B5%D1%80%D1%82%D0%B8%D0%BA%D0%B0%D0%BB%D0%B0.html
http://joro.me/blog/design/css-horizontally-and-vertically-center-element/

http://web-tourist.net/login/login/view.php?st=2402 :wink:

Здравейте!

Благодаря за предложенията!

Извинявам се, че отговорът ми се забави толкова, но едва днес имах възможност да направя тестове. За съжаление нито едно от решенията не включва едновременно следните три условия:
1) изнесен слой
2) центриране по размера на екрана. Иначе казано елементът да се позиционира там където разглежда потребителят (хипотеза, в която страницата може да е с произволна височина, в случая по-дълга)
3) произволен размер на изнесения елемент

Спрях се на компромисно решение - допълнителен прозорец