I'm using this script to show hide elements on the page. It works perfectly in Firefox & Safari. IE does not recognize it. Any ideas?
<script type="text/javascript">
lastone='empty';
function showIt(lyr)
{
if (lastone!='empty') lastone.style.display='none';
lastone=document.getElementById(lyr);
lastone.style.display='block';
}
</script>
</head>
<body>
<table cellspacing="20">
<tr>
<th colspan="6" class="size">Where would you like to start?</th>
</tr>
<tr>
<td><a href="JavaScript:;" onClick="showIt('L')" "><img src="../images/icon-live.jpg" width="100" height="100" /></a><br /><span class="room">Live</span></td>
<td><a href="JavaScript:;" onClick="showIt('E')" "><img src="../images/icon-eat.jpg" width="100" height="100" /></a><br /><span class="room">Eat</span></td>
<td><a href="JavaScript:;" onClick="showIt('W')" "><img src="../images/icon-work.jpg" width="100" height="100" /></a><br /><span class="room">Work</span></td>
<td><a href="JavaScript:;" onClick="showIt('S')" "><img src="../images/icon-sleep.jpg" width="100" height="100" /></a><br /><span class="room">Sleep</span></td>
<td><a href="JavaScript:;" onClick="showIt('C')" "><img src="../images/icon-cook.jpg" width="100" height="100" /></a><br /><span class="room">Cook</span></td>
<td><a href="JavaScript:;" onClick="showIt('B')" "><img src="../images/icon-bath.jpg" width="100" height="100" /></a><br /><span class="room">Bath</span></td>
</tr>
