I am working on a code currently where I have set the height of my iframe to 100% but it does not seem to work at all. I have tried to strip unnecessary code from it to demonstrate the issue, view the code here (mind the inline css): <http://jsfiddle.net/VfKqR/>

And here it is:

```
<!-- Start full page container -->
<div style="min-width: 830px; width: 100%; height: 100%; float: left;">

<!-- Start scoop menu -->
<div style="width: 188px; float: left;">

<table>
    <thead>
    <tr>
        <td>

<a href="http://rambler.ru" target="scoop" style="font-size:13px; letter-spacing: 0.7px; font-weight: bold;">Link tester</a>

        </td>
    </tr>
    </thead>
</table>

<!-- End scoop menu -->
</div>

<!-- spacer between divs -->
<div style="width: 20px; float: left;">&nbsp;</div>

<!-- Start iframe -->
<div style="min-width: 622px; width:74%; height: 100%; float: left;">

<iframe id="scoop" name="scoop" src="http://www.yahoo.com" style="border:0px #FFFFFF none;" name="myiframe" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" width="100%" height="100%">

<!-- End iframe -->
</div>

<!-- End full page container -->
</div>

```

Nothing that I can do seem to fix the height to 100%. What am I missing here?

EDIT: I just tested this in Safari and it worked fine, however in the latest version of Firefox (v14.0.1), it does not work.