Visa / dölja lagrer, varför funkar det inte i IE?

Har ett lager som heter "about" och ett som heter "areas".

Koden för att dölja samt visa ett lager ser ut på detta sätt:

<script language="JavaScript">
<!--
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function show(id) {
if (ns4) document.layers[id].visibility = "show";
else if (ie4) document.all[id].style.visibility = "visible";
}

function hide(id) {
if (ns4) document.layers[id].visibility = "hide";
else if (ie4) document.all[id].style.visibility = "hidden";
}
//-->
</script>

Koden för att anropa functionerna ser ut på detta sett:

<a href="about.shtm" onMouseOver="hide('about');"><img name="about" border="0" src="img/menu_about1.gif" width="50" height="19"></a>

I IE får jag detta felmeddelande:
Error: 'document.all[...].style' is null or not an object

Det funkar fint i NS

------------------
/JE