That didnt work either.Here's my code:
Thanks,
<html>
<head>
<script type="text/javascript">
var isNS = navigator.appName.indexOf("Netscape") != -1
var isIE = navigator.appName.indexOf("Microsoft") != -1
function show() {
if (isNS) document.layers["d1"].visibility = "show";
if (isIE) document.all.d1.style.visibility = "visible";
}
function hide() {
if (isNS) document.layers["d1"].visibility = "hide";
if (isIE) document.all.d1.style.visibility = "hidden";
}
</script>
<title></title>
</head>
<body>
<a href="javascript:hide()">Hide Table 1</a>
<p>_ _<a href="javascript:show()">Show Table 1</a><br>
<br>
</p>
<table>
<tr>
<td>
<div id="d1" style="position:relative;">
<table bgcolor="#EFEFEF" border="1">
<tr>
<td>table 1</td>
<td>table 1</td>
<td>table 1</td>
</tr>
<tr>
<td>table 1</td>
<td>table 1</td>
<td>table 1</td>
</tr>
<tr>
<td>table 1</td>
<td>table 1</td>
<td>table 1</td>
</tr>
<tr>
<td>table 1</td>
<td>table 1</td>
<td>table 1</td>
</tr>
</table>
</div>
</td>
<td>
<div id="d2" style="position:relative;float:left;">
<table bgcolor="LIGHTBLUE" border="1">
<tr>
<td>table 2</td>
<td>table 2</td>
<td>table 2</td>
</tr>
<tr>
<td>table 2</td>
<td>table 2</td>
<td>table 1</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>