CSS: Make iframe full with and height, no scrollbars

Question

How can I have full height on my iframe, so I dont have a scrollbar if it exceeds the specified height: 500px; - I want to only have the page scrollbar existing and not the iframe scrollbar.

I know you can hide the scrollbar, but then you cannot see all the content in the iframe.

How can you do this?

width: 100% works perfectly, but height: 100% wont.

Check http://jsfiddle.net/5PKqf/

If it worked it should have shown the whole website in the iframe

Answer 1

give html a height: 100%

html{ height: 100%; }