Make iframe automatically adjust height according to the contents without using scrollbar?

Question

Hello, 
I am developing the site (www.meninasreais.com.br) and have a doubt. I created the base html - menu, header - in Adobe Muse. I'm trying to insert an iframe that automatically adjust the height according to the content of the blog.
I tried with various codes, the frame is installed on the same domain as the site and none of them worked. What can I be doing wrong? Thank you.
The code that was inserted below:
<script language="JavaScript">
<!--
function autoResize(id){
    var newheight;
    var newwidth;
    if(document.getElementById){
        newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
        newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
    document.getElementById(id).height= (newheight) + "px";
    document.getElementById(id).width= (newwidth) + "px";
//-->
</script>
<IFRAME SRC="www.meninasreais.com.br" width="600px" height="200px" id="iframe1" marginheight="0" frameborder="0"onLoad="autoResize('iframe1');"></iframe>

Answer 1

Hi, i've successully done this for my blogging engine.
I've uses jquery.autoheight.js
In my page property :
<script type="text/javascript" src="http://www.solutionsip.ca/lib/js/jquery.js"></script>
<script type="text/javascript" src="http://www.solutionsip.ca/lib/js/jquery.autoheight.js"></script>
In my html box :
<iframe id="myframe" name="myframe" class="autoHeight" width="100%" scrolling="no" marginheight="0" frameborder="0" src="http://www.solutionsip.ca/blog"></iframe>
This work in Adobe muse. My iframe adjust it self with my blog content.
Exemple : http://www.solutionsip.ca/blog.html