Question

I have an absolute positioned div that I need to get to to fill the entire document for a background to a modal window.

I can get it to fill the window but when there is a scroll bar it doesnt fill the area that is currently visible.

This is my current code:

position:absolute;   
top:0;
left:0;
height:100%;
min-height:100%;

By the way I can get it to fill the document horizontally.

Answer 1

Give the div position:fixed and top,bottom,left,right 0

See here:
http://jsfiddle.net/sQLPr/

edit – removed the following line

• and it’s parent (probably body)
  position:relative