прокручиваемый fixed элемент

[absolute noob]

Делаю скрипт для просмотра картинок,всё работает,но если картинка большая - низ обрезается:

<div style="	z-index:100;
	position:fixed;
	margin:auto;
	display:none;
	text-align:center;
	width:100%;
	left:0;top:0;" onclick="hidezIv()"></div>

function imageview(small){
	var wwidth = document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
	document.getElementById('shadow').style.display = 'block';
	document.getElementById('zIv').style.display = 'block';
	document.getElementById('zIv').innerHTML = '<img onclick="isimgonclick=true" src="' + small.substr(0, small.length-8) + '.jpg">';
}

на странице первьюшки - у них onclick="imageview(this.src)"
как сделать,что бы блок с картинкой был прижат к верху отображаемой части(не к верху body) и прокручивался если он не помещается?

[JS&PHP]

Блок с картинкой

<div style="width: 500px; height:500px; overflow: auto;">
  <img src="Путь к файлу">
</div>

[absolute noob]

пропустил id, у меня вот так:

1	<div id="zIv" style=" z-index:100;
2	    position:fixed;
3	    margin:auto;
4	    display:none;
5	    text-align:center;
6	    width:100%;
7	    left:0;top:0;" onclick="hidezIv()"></div>

<div style="width: 500px; height:500px; overflow: auto;">
  <img src="Путь к файлу">
</div>

во-первых блок с картинкой не должен быть определённой ширины и высоты,т.к. эти параметры изменяются в зависимости от картинки и размеров рабочей области браузера, во-вторых где здесь фиксированность и в-третьих overflow:auto;добавит скролбар к блоку, что категорически нежелательно