Esto es valida para ambos navegadores y el truco esta en el relative.
<html>
<head>
<title>Untitled</title>
<style>
<!--
.relative { position:relative; }
//-->
</style>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var color = ´´
function over(id) {
if(document.layers) {
window.color = window.document.layers[id].bgColor;
window.document.layers[id].bgColor = ´#FF0000´;
}
else if(document.all) {
window.color = window.document.all[id].style.background;
window.document.all[id].style.background = ´#FF0000´;
}
}
function out(id) {
if(document.layers) {
window.document.layers[id].bgColor = window.color;
}
else if(document.all) {
window.document.all[id].style.background = window.color
}
}
//-->
</SCRIPT>
</head>
<body>
<div id="padre">
<table border=1>
<tr>
<td>
<a href="javascript:void(null);" onClick="window.color;over(´id1´);"><span id="id1" class="relative">hola</span></a>
</td>
<td id="id2" class="relative">
<a href="javascript:void(null);" onMouseOver="window.color;over(´id2´);">hola</a>
</td>
</tr>
</table>
</div>
</body>
</html>
