div som fylder hele skærmen

jeg har noget her, men hvis man er scrollet et stykke ned på siden dækkes det nederste ikke

var div = document.getElementById('div_top').appendChild(document.createElement('div'));
div.className = 'dialog_bg';
document.body.style.overflow = 'hidden';

.dialog_bg {
    height:100%;
    width:100%;
    background:#ff0000;
    position:absolute;
    opacity:0.5;
    filter:alpha(opacity=50);
}

div.style.top = document.body.scrollTop;