Color de fondo de una celda al pulsar sobre una caja de texto

[Chispi]

Buenos dias,

Me gustaría saber si es posible, que al coger el foco una caja de texto, el color de fondo de éste y de la celda que la contiene cambie de color.

Yo he conseguido que cuando coga el foco la caja de texto, cambie de color, haciendo esto:

function foco(celda){
celda.style.backgroundColor = "#FAFAD2";
}

function focoFuera(celda){
celda.style.backgroundColor = "#ffffff";
}

Con la linia que sigue a continuación, he conseguido que cuando la celda coga el foco, si tiene una etiqueta input dentro, se pinte. Pero el problema esta que el foco lo coge la caja de texto no la celda.
//celda.children.tags('INPUT')[0].style.backgroundColor = "#DADFFA";

Hay alguna manera de hacerlo al reves, me explico, en lugar de mirar si tienes hijos que cuelgan de la celda, y en este caso <input>, no puedo hacer que desde el input mire si tiene padre, y éste sea una celda <td>


La celda con la caja de texto que tengo, es la que describo a continuación:
<td height="25" bgColor="#ffffff" id="celda1">
<input name="login" type="text" style="border:0px solid #FFFFFF" id="login" onFocus="foco(this);" onBlur="focoFuera(this);">
</td>



USO:
Poniendo en estilos que la caja de texto no tiene borde, al pulsar sobre ésta si se ilumina todo, es decir, caja de texto y celda, quedaria un efecto muy chulo para los formularios.