Posicionamento de CSS Absoluto dentro das células da tabela não funciona no Firefox
Eu não consigo descobrir esse problema de posicionamento no Firefox. Não parece seguir a regra de posicionamento absoluta. Existe algo que eu estou fazendo que não deveria ser feito, mas alguns browesers lidam com isso e outros não?
JS Fiddle:
Original -http://jsfiddle.net/g9qzh/
Atualizada -http://jsfiddle.net/g9qzh/2/
Funciona no IE, Chrome, Safari, Opera
Aqui está o código atual. Deixe-me saber se eu não estou seguindo algum tipo de padrão que eu não conheço.
HTML:
<table>
<tr>
<td>
<div id="three">Three</div>
<div id="two">Two</div>
</td>
<tr>
<tr>
<td>
<div id="three">Three</div>
<div id="two">Two</div>
</td>
<tr>
</table>
CSS:
#two {
position: absolute;
top: 0;
}
td {
position: relative;
}
Minha única pista é que há algum outro valor que eu deveria atribuir atd
isso faria com que funcionasse. Algumas outras questões do stackoverflow mencionaram o Firefox se comportando mal com isso, mas eu não consegui encontrar uma resposta. Eu tentei atribuir ambos os valores superior e esquerdo de zero, mas FF não vai ceder. Detalhes