скрыть / отобразить IFRAME

Доброго времени суток.

Потребовалось скрывать один из IFRAME-ов, для этого был написан JavaScript код.
И всё бы ни чего, да только когда он работает в Мозиле левый фрейм после вызова функции отображения ужимается по ширене, хотя правый не менятся и на месте остаётся.
Почему? И как это исправить?

[html]<script language="JavaScript">
<!-- Comment out script for old browsers
function getIFrameYSize() {
ScreenRes = screen.width;
if (ScreenRes == "1280") res = 684;
else if (ScreenRes == "1024") res = 430;
else if (ScreenRes == "800") res = 290;
else if (ScreenRes == "640") res = 230;
else if (ScreenRes == "1152") res = 527;
else if (ScreenRes == "1600") res = 840;
else res = 430;
return res;
}
function getLeftIFrameXSize() {
ScreenRes = screen.width;
if (ScreenRes == "1280") res = "25%";
else if (ScreenRes == "1024") res = "25%";
else if (ScreenRes == "800") res = "25%";
else if (ScreenRes == "640") res = "25%";
else if (ScreenRes == "1152") res = "25%";
else if (ScreenRes == "1600") res = "20%";
else res = "30%";
return res;
}
function getRightIFrameXSize() {
ScreenRes = screen.width;
if (ScreenRes == "1280") res = "74%";
else if (ScreenRes == "1024") res = "74%";
else if (ScreenRes == "800") res = "74%";
else if (ScreenRes == "640") res = "74%";
else if (ScreenRes == "1152") res = "74%";
else if (ScreenRes == "1600") res = "79%";
else res = "70%";
return res;
}
function showTree() {
var pict = document.getElementById('menu_new_1');
if (pict.style.display !== 'block')
{pict.style.display = 'block';};
}
function hideTree() {
var pict = document.getElementById('menu_new_1');
if (pict.style.display !== 'none')
{pict.style.display = 'none';};
}

//-->
</script>
<a href="java script:hideTree();">hide</a> <a href="java script:showTree();">show</a>
<TABLE BORDER="1" WIDTH="100%" CELLPADDING="2" CELLSPACING="0" class="RegionBorder">
<TR>
<TD class="RegionHeaderColor" WIDTH="100%"><TABLE WIDTH=100% border=1>
<TR>
<!--<TD>-->

<script language="JavaScript">
<!--
document.write("<td height=\""+getIFrameYSize()+"\" width=\""+getLeftIFrameXSize() +"\" id=\"menu_new_1\"><IFRAME src=\"\" name=\"treeframe\" scrolling=\"auto\" height=\""+getIFrameYSize()+"\" width=\"100%\"></IFRAME></td>");
document.write("<td height=\""+getIFrameYSize()+"\" width=\""+getRightIFrameXSize()+"\"><IFRAME src=\"\" name=\"docfrm\" scrolling=\"auto\" height=\""+getIFrameYSize()+"\" width=\"100%\"></IFRAME></td>");
//-->
</script>
<!--</TD>-->
</TR>
</TABLE>
[/html]

Сзаранее спасибо!