Contexto de posicionamento no elemento table-cell no Firefox
Normalmente, podemos definir um elemento pai como o contexto para o filhoabsolute
posicionamento, como segue:
#parent {
position: relative;
}
#child {
position: absolute;
top: 0;
left: 0;
}
Isso tudo funciona bem, mas quando o pai tem suadisplay
propriedade definida comotable-cell
, não funciona no Firefox. O contexto de posicionamento para o elemento filho será o ancestral posicionado mais próximo acima de seu pai.
De nota, isso funcionaem toda parte outro. Testado no IE8, IE9, Safari, Chrome e Opera.
Veja o violino aqui:http://jsfiddle.net/RZ5Vx/
Veja tambémeste violino com o pai dedisplay
definido comoinline-block
, que funciona no Firefox.
Então, isso é um bug? Se assim for, existe alguma maneira de contornar isso?