Iframe高度随内容增加

Question

母版页中有一个iframe。我希望滚动条仅显示在主页面而不是Iframe。 iframe的高度应随着内容的增加而增加。

我尝试了这个但是，iframe高度在有或没有内容的情况下保持不变。当内容较大时，会为iframe显示滚动条。如果我说滚动=否，那么溢出的内容仍然是隐藏的。

HTML：

<div class="content">
 <div class="page">
   <iFrame id="iframe1" runat="server" class="iframe" scrolling="no"></iframe>
 </div>
</div>

CSS：

.content
{
padding:2% 2%;
position:absolute;
top:90px;
left:250px;
border:1px solid aqua;
width:76%;
}
.page
{
 min-width:100%;
}
.iframe
{
border-style:none;
min-width:100%;
min-height:100%;
}

任何非Javascript解决方案？

使用chrome ..

http://jsfiddle.net/a8jR8/