Stretching Iframe In Html5

I have two html files, one contains the other with an iframe, and I want to make this iframe stretch over the full height of the parent html. So the first html file (which has a re

Solution 1:

CSS:

#wrap { position:fixed; left:0; width:100%; top:0; height:100%; }
#iframe { display: block; width:100%; height:100%; }

HTML:

<div id="wrap">
    <iframe src="..." frameborder="0"id="iframe"></iframe>
</div>

Live demo:http://jsfiddle.net/5G5rE/show/