jquery tabsでiframeを使用したtabsの高さを調整する方法

jquery ui tabsで直接使用

<li><a href="#content2">Proin dolor</a></li>

の場合、tabsはロードされた内容に応じて高さを調整します.しかしiframeに変えても高さはなかなか調整できません.エビの皆さん、解決を手伝ってください.感謝にたえない.コードは次のとおりです.

<div id="tabs" class="hidden">
	<ul>
		<li><a href="#content1">    </a></li>
		<li><a href="#content2">Proin dolor</a></li>
		<li><a href="#content3">Aenean lacinia</a></li>
	</ul>
	<div id="content1" >   
  <iframe src="content1.html" frameborder="0"  border="0" marginwidth="0" marginheight="0" scrolling="auto"      
		style="width:100%;height:100%;"></iframe>   
  </div>
  <div id="content2" >   
  <iframe src="content2.html" frameborder="0"  border="0" marginwidth="0" marginheight="0" scrolling="no"      
		style="width:100%;height:100%;"></iframe>   
  </div>
  <div id="content3" >   
  <iframe src="content3.html" frameborder="0"  border="0" marginwidth="0" marginheight="0" scrolling="no"      
		style="width:100%;height:100%;"></iframe>   
  </div> 
</div>