simplificando un poco el codigo... no entiendo por que marca el <tr> y no el <td> osea que marca el rengon y no la celda..obvio que si creamos un renglon por cada celda principal si la marcara y es una solucion valida..pero habra alguna forma de marcar solo la celda????
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Pragma" content="no-cache">
<script type="text/javascript">
<!--
var color1 = '#ff0000'
var color2 = ''
function colorea(c){
c.parentNode.parentNode.style.backgroundColor = c.checked ? color1: color2;
}
//-->
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="body" >
<script type="text/javascript" language="JavaScript1.2" src="Javas/menu_cnt.js"></script>
<table width="100%" border="1" bgcolor="#F5F7FD">
<tr>
<td >celda1<input type="checkbox" onclick="colorea(this)"></td>
<td >celda2</td>
</tr>
<tr>
<td>CELDA 3<input type="checkbox" onclick="colorea(this)" ></td>
<td >CELDA 4</td>
</tr>
<tr>
<td >CELDA 5<input type="checkbox" onclick="colorea(this)" ></td>
<td >CELADA 6</td>
</tr>
<tr>
<td >CELDA 7<input type="checkbox" onclick="colorea(this)" ></td>
<td >CELADA 8</td>
</tr>
</table>
</body>
</html>