No tengo mucho tiempo, siento no depurar el código, pero podía ser algo así:
------------------
<html>
<head>
<style>
td{border : 1px solid Navy;
font : normal normal normal 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
left : 0px;
margin : 0px 0px 0px 0px;
overflow : hidden;
padding : 0px 0px 0px 0px;
height:40px;}
textarea{
position:relative;
top:0px;
border : 1px solid Navy;
font : normal normal normal 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
left : 0px;
margin : 0px 0px 0px 0px;
overflow : auto;
padding : 0px 0px 0px 0px;
}
</style>
<title>Untitled</title>
<script language="Javascript" type="text/javascript">
<!--
function carga(){
capanombre.style.visibility="hidden";
resultado.style.visibility="visible";
}
function nombre2(){
resultado.style.visibility="hidden";
capanombre.style.visibility="visible";
}
//-->
</script>
</head>
<body onload="carga()">
<table >
<tr>
<td width="80" >Nombre:</td>
<td onClick="nombre2()" id="celdanombre" ><div id="resultado" style="z-index:1;position : relative;top:0px;"></div><div id="capanombre" style="zindex:2;position : relative;top:0px;"><form><textare a onblur="carga();resultado.innerHTML=form.escr ibenombre.value;" name='escribenombre' rows=3 cols=78></textarea></form></div></td>
</tr>
<tr>
<td>Dirección:</td>
<td id="direccion">&nbsp;</td>
</tr>
<tr>
<td id="ciudad">Ciudad:</td>
<td>&nbsp;</td>
</tr>
<tr>
<td id="pais">Pais:</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>
-----------------------------
Sólo funciona el Nombre y redimensiona la tabla al entrar por segunda vez :( (no sé por qué). Espero que te sirva por lo menos de orientación ;)
Salu2
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="190" height="51"><param name="bgcolor" value="#0066CC"><param name="movie" value="http://www.webareyou.com/Movie1.swf"><embed src="http://www.webareyou.com/Movie1.swf"></embebed></object>