js操作父框架的问题

主框架页面（index.html）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LoutsSite企业网站内容管理系统 v1.0</title>
</head><frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
  <frame src="index_topFrame.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
  <frameset id="allFrame" name="allFrame" cols="200,7,*" frameborder="no" border="0" framespacing="0">
    <frame src="index_leftFrame.html" name="leftFrame" noresize="noresize" id="leftFrame" scrolling="No" />
    <frame src="index_spaceFrame.html" name="spaceFrame" scrolling="No" noresize="noresize" id="spaceFrame" />
    <frame src="index_mainFrame.html" name="mainFrame" id="mainFrame" />
  </frameset>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>
其中一个子框架页面（index_spaceFrame.html）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
background-image: url(images/bodyspacebg.jpg);
background-repeat:repeat-y;
background-position:center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align:center;
}
html,body {
height:100%;
}
.bodytable {
height:100%;
}
</style>
<title>LoutsSite-spaceFrame</title>
<script language="javascript" type="text/javascript">
var displayBar=true;
function switchBar(obj)
{
if (displayBar)
{
window.parent.frames["allFrame"].cols="0,7,*";
displayBar=false;
obj.src="images/closerightnav.gif";
obj.title="打开管理导航菜单";
}
else
{
window.parent.frames["allFrame"].cols="200,7,*";
displayBar=true;
obj.src="images/closeleftnav.gif";
obj.title="关闭管理导航菜单";
}
}
</script>
</head><body>
<table border="0" cellspacing="0" cellpadding="0" class="bodytable">
  <tr>
    <td><img src="images/closeleftnav.gif" border="0" style="cursor:pointer;" onClick="switchBar(this);" /></td>
  </tr>
</table>
</body>
</html>
我是想点击<img src="images/closeleftnav.gif" border="0" style="cursor:pointer;" onClick="switchBar(this);" />这个图片时收起主框架的左栏问题是在IE和世界之窗里都没有问题
，到火狐就不行了，大家给看看是不是火狐不支持“cols”属性啊那该怎么改呢？大家帮帮忙，虽然只给了20分，但我会尽快结贴的谢谢