Setting height = 100% for iframes

[laredotornado]

Hi,

I'm wondering if there's a Javascript solution to this. I'm trying to
get my iframe to occupy 100% of its parent block element. But the
height=100% attribute in CSS isn't doing the trick. Here's my
HTML ....


<td width="177" height="100%" valign="top" class="content-
rule"><iframe id="fileTreeIframe" style="border:0px none #ffffff;"
src="file_tree.php" border="0" width="100%" scroll="auto"></iframe></
td>


and the CSS ...


iframe { display:block; height:100%; width:100%; border:none; }


It doesn't look good right now -- http://screencast.com/t/mIzGnUikC.
Is there a Javascript way to make my iframe occupy 100% of its parent
element?