Problema com Position Relative no elemento TD para o Firefox

Me deparei com este simples problema, eu tinha uma tabela e queria que os elementos TD desta tabela tivessem Position Relative para que um elemento dentro deles pudesse ser posicionado com Position Absolute.

Neste primeiro código, onde vemos que eu apliquei o position:relative no elemento TD ele funciona perfeitamente em todos navegadores, MENOS NO FIREFOX.

<table><tr>

<td valign="top" style="width:200px; height:200px; border:4px solid #FF0000; color:#FF0000;">

<div style="position:relative; width:100%; height:100%;">

TD RELATIVE

<div style="position:absolute; bottom:0px; right:0px; border:4px solid #0000FF; color:#0000FF;">DIV ABSOLUTE</div>

</div>

</td></tr></table>

Observem como o Mozilla Firefox renderiza este código:

A solução pode não ser muito agradável, mas o Firefox nos obriga a adicionar um DIV dentro do elemento TD, para que este sim tenha o position:absolute.

<table><tr>

<td valign="top" style="position:relative; width:200px; height:200px; border:4px solid #FF0000; color:#FF0000;">

TD RELATIVE

<div style="position:absolute; bottom:0px; right:0px; border:4px solid #0000FF; color:#0000FF;">DIV ABSOLUTE</div>

</td></tr></table>

Agora funcionou perfeitamente no Mozzia Firefox:

Como vocês poderam ver, o Mozilla Firefox me decepcionou neste problema, enquanto todos os outros (inclusive o Internet Explorer) consegue renderizar de maneira adequada, a 'Raposa' nos obriga a fazer remendo feio.