credo che tu non abbia tutti i torti a proposito di cattiva fama generalmente non mi occupo di tabelle per cui non mi ci ero imbattuto;

<html>
<head>
<title>Layer ancorato a cella</title>
<style type="text/css">
* {margin:0;padding:0}
html, body {height:100%}
body {background:gray}
table {height:60%;
width:90%;
margin-left:5%;
margin-top:10%;
}
td {
background:silver;
}
.relativo {position:relative;
display:block!important;
display:inline;
height:100%!important;
height:auto;
}
.layer {width:100%;
position:absolute;
left:30px;
top:30px;
backgroundlive;
color:white;
text-align:center;
}
</style>
</head>
<body>
<table>
<tr>
<td class="relativo">
<div class="layer"><h1>il layer ancorato alla cella
Opera sballa</h1></div>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>


Il problema è che ogni browser fa a modo suo, quel codice va bene per ie e mozilla ma non per opera così non ho trovato altro modo che usare un ulteriore div

<html>
<head>
<title>Layer ancorato a cella via div</title>
<style type="text/css">
* {margin:0;padding:0}
html, body {height:100%}
body {background:gray}
table {height:60%;
width:90%;
margin-left:5%;
margin-top:10%;
}
td {
background:silver;
vertical-align:top
}
.relativo {position:relative}
.layer {width:100%;
position:absolute;
left:30px;
top:30px;
backgroundlive;
color:white;
text-align:center;
}
</style>
</head>
<body>
<table>
<tr>
<td>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td><div class="relativo"> <div class="layer"><h1>il layer ancorato alla cella grazie a un altro div
non sballa nessuno</h1></div></div></td>
</tr>
</table>
</body>
</html>


ho riletto ora il tuo post iniziale e mi accorgo adesso che dopo tutto il casino di un absolute dentro una cella non ti fregava nulla della tabella

va be', ora devo fare il bagnetto, lavato e stirato cercherò di farti l'esempio che cerchi che dovrebbe essere molto più semplice