I have a framed index much like the below, stripped down for clarity:

... = other attributes or HTML

[index.html]
Code:
...
<FRAMESET ...>
<FRAME name="Menu" src="/menu.html" scrolling="auto" noresize ...>
<FRAME name="Main" ...>
</FRAMESET>
...
Now, the menu.html is kind of long and sometimes forces the frame to show the scrollbar. This is by design, hence the "auto". However, some users of my site do not like that scrollbar appearing and thinks it breaks up the continuity of the site. Therefore, I want the user to be able to turn it off. I have tried many variation of the script below in menu.html to no avail. The bars never dissapear from the screen, although the code "seems" to recognize the fact that they've been turned off and on.

[menu.html]
Code:
...
<SCRIPT language="javascript">

function toggleBars(){

if(top.document.all.Menu.scrolling == "auto" ){

if(confirm("Turn off scrollbars?" ) == true){

top.document.all.Menu.scrolling = "no";

}

} else {

if(confirm("Turn on scrollbars?" ) == true){

top.document.all.Menu.scrolling = "auto";

}

}

}

</SCRIPT>
...
<BODY ... ondblclick="toggleBars();">
Why does this "seem" to work, but not remove currently displayed scrollbars? I have tried other variations as well such as giving the frame an id attribute and using getElementById, using top.document.frames, and just about everything else. Is there some other function I need to cal to re-render that frame to make the changes show?

Thanks in advance.