Hi,
I've been attempting to make the script below compatible on firefox, without success. It workds as intended in IE7, but fails in ff.

I would appreciate any input to help achieve this.

many thanks.

<script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
td{border:3px solid red;}
</style>
<script type="text/javascript">
function hideShow(el_id){
var el=document.getElementById(el_id);
if(el_id.style.display!="none"){
el_id.style.display="none";
}else{
el_id.style.display="";
}
}
</script>
</head>
<body onLoad="hideShow(row1);return false;">


<table width="100%" border="0">
<tr>
<td colspan="3"> <a href="#" onclick="hideShow(row1);return false;">Hide/Show Row 2</a></td>
</tr>
<tr id="row1">
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>bottom row </td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>
</script>