Setting 100% height on an absolutely positioned element when the content expands past the window size

Question

So after reading Stack Overflow and the web, I\'ve gathered that there are two main tricks to achieving 100% height:

1. Set height:100% on both the HTML and BODY

Answer 1

I would use javascript to assign the height and width equal to document's height and window's width respectively; I've modified your jsfiddle to demonstrate it here:

http://jsfiddle.net/9FEne/1/