IFrame Not Loading IE 8

Question

My website seems to work in all browsers but IE 8. Everything loads fine by the iFrame. Here is my HTML code: Title

Steps to Reproduce:

Create a page that has position:relative on the html element

<html style="position:relative">
    <head></head>
    <body>TEST</body>
</html>

Here's a test page in fiddle that does just that:

http://jsfiddle.net/KyleMit/DZbt5/show/light

Now use that page inside of an iFrame and open in IE8

<html>
    <head></head>
    <body>
        <iframe src="http://jsfiddle.net/KyleMit/DZbt5/show/light/"></iframe>
    </body>
</html>

Here's a fiddle that should work in all browsers EXCEPT IE8

Answer :

As the previous answer suggests, you can remove position:relative from the original html page, but you might not have access to the page or be able to change it.

Instead, you can simply add relative position to the iframe element itself:

iframe {
    position: relative;
}

Working Demo in Fiddle - Also works in IE8

Other Instances

Question was also asked here:

Html5 Library