I have spent several hours combing through sitepointforum.com and other websites looking for the answer to this issue. I need the following code to work in at least Netscape 7.1 if not earlier versions. My main issue has been using (this) so that I can edit the current objects style, even though there are several cells with the same style identifier. This code works in IE, I need to know how to get it to work in Netscape.

Thanks,
Mike

Code:
 
<html>
<head>
<style type="text/css">
#startmnu {position:absolute;
	width:100px;
	height:200px;
	left:10px;
	top:10px;
	background-color:#333333;
	border:1px solid #ffffff;
	z-index:1000;}
#mnuhr {width:90%;height:1px;}
#mnutxtcll {font-family:Trebuchet MS;
	font-size:9pt;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#ffffff;
	width:100px;
	height:20px;
	vertical-align:middle;
	background-color:#333333;
	cursor:pointer;}
</style>
<script language="JavaScript" type="text/javascript">
function InvertColors(tdObj)
  { var bckgrdclr = tdObj.currentStyle["backgroundColor"];
	var txtclr = tdObj.currentStyle["color"];
 
 tdObj.style.backgroundColor = txtclr;
 tdObj.style.color = bckgrdclr;
  }
</script>
</head>
<table id="startmnu" cellpadding="0" cellspacing="0" border="0">
  <tr><td><hr id="mnuhr" /></td></tr>
  <tr><td id="mnutxtcll" onMouseOver="InvertColors(this)" onMouseOut="InvertColors(this)">Home</td></tr>
  <tr><td><hr id="mnuhr" /></td></tr>
  <tr><td id="mnutxtcll" onMouseOver="InvertColors(this)" onMouseOut="InvertColors(this)">Documents</td></tr>
  <tr><td id="mnutxtcll" onMouseOver="InvertColors(this)" onMouseOut="InvertColors(this)">Favorites</td></tr>
  <tr><td><hr id="mnuhr" /></td></tr>
  <tr><td id="mnutxtcll" onMouseOver="InvertColors(this)" onMouseOut="InvertColors(this)">Programs</td></tr>
  <tr><td><hr id="mnuhr" /></td></tr>
  <tr><td id="mnutxtcll" onMouseOver="InvertColors(this)" onMouseOut="InvertColors(this)">Settings</td></tr>
  <tr><td><hr id="mnuhr" /></td></tr>
</table>
</html>