CSS: tr:position:relative over een div:position:absolute

[Guillome]

Hoi,

Zie voorbeeld: http://test.guillome.nl/test.html

In Firefox is het zoals ik wil. Maar in andere browsers (safari, chrome) doet ie niet wat firefox zo leuk doet.
Ik heb een DIV die over de hele pagina zit, met 50% opacity. Om alles uit te vagen. Alleen die TR moet zichtbaar zijn.

Hoe kan ik dit op een andere makkelijke manier oplossen?

[R4gnax]

Het gedrag waar jij hier gebruik van maakt is volgens de standaard ongedefinieerd:

The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined.

Zie: http://www.w3.org/TR/CSS21/visuren.html#choose-position

[_Thanatos_]

In Opera 10.5 werkt het ook

[R4gnax]

_Thanatos_ schreef op dinsdag 30 maart 2010 @ 01:00:
In Opera 10.5 werkt het ook

Dan staat Opera het toevallig ook toe. Neemt niet weg dat je simpelweg geen gebruik moet maken van ongedefinieerd gedrag.

[Bosmonster]

Kun je geen div's in die td's zetten en die op position:relative zetten?