<tr>
<td height="40" bgcolor="#CC0066" onMouseOver="mOvr(this,'#E60073')" onMouseOut="mOut(this,'#CC0066')"><div align="center"><a href="index.php"><font color="#FFFFFF">Principal</font></a>
</div></td>
</tr>
<script>
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
function mClk(src) {
if(event.srcElement.tagName=='TD'){
src.children.tags('A')[5].click();
}
}
</script>
ahi está un ejemplo de algo que no funciona.