Center a 'div' in the middle of the screen, even when the page is scrolled up or down?

Question

I have in my page a button which when clicked displays a div (popup style) in the middle of my screen.

I am using the following CSS to center the

Answer 1

Change position:absolute; to position:fixed;