creating divs and stylesheets

[acidglitter]

what i want to do, is have a link to edit something, and when you click it a box will show up in the middle of the screen. i've never done this before so i'm probably not doing it the right way, but this is what i have so far..

 

function editCategory(){
var kk = document.createElement('div');
kk.style.width = "100px";
kk.style.height = "100px";
kk.style.background = "green";
kk.style.position = "absolute";
kk.style.left = "45%";
kk.style.top = "30%";
document.body.appendChild(kk);
}

 

(the green background is only temporary.. eventually it will be an actual page to edit categories)

 

 

the page is going to scroll, and the way i have it now the box doesn't even show up if you scroll to the bottom of the page