Pseudo elements on tables?

Question

I'm trying to apply a pseudo element to a <tr> but turns out it's not working as expected. I'm not sure if i'm missing anything or if it's just simply not possible.

Here's a jsfiddle example: http://jsfiddle.net/jDwCq/

Notice that if you change the display of tr to display: block;, the pseudo element will show up, but it is displayed as a block rather than a table, which i need.

Is it possible or am I doomed?

Answer 1

table tr:before{
position: relative; /* Needed for pseudo elem */
display: block; /*Uncomment me and see what happens*/
}

this should work...