Javascript-форум - Проблема с выравниванием

И меется что-то вроде:

<style>
#prew{
    position:absolut;
    z-index:100;
    left:50%;
    top:50%;
    display:none;
}
</style>

<script type="javascript">
function prewew(img){
    el = document.getElementById('prew');
    document.prew_img.src=img;
    x = el.offsetWidth;
    y = el.offserHeight;
    el.style.display='block';
    el.style.marginleft = '-'+x/2;
    el.style.margintop = '-'+y/2;
}
</script>

<body>
<div id="prew">
<img src="" name="prew_img">
</div>
<button onClick="prewew('1.jpg');">Показать</button>
</body>

Задумка была такая чтобы этот див с картинкой при появлении выравнивался поцентру но нифига не получается.
В яваскрипте новичок так что помогите плиз.