[jQuery] Can JQuery solve the iframe height=100% problem?

[jQuery] Can JQuery solve the iframe height=100% problem?


Hi,
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.
Can JQuery help me make my iframe occupy 100% of its parent element?
Thanks, - Dave