Stacking Responsive Table

This page demonstrates how an HTML table can be responsive by stacking each column and its associated data as a separate row when view from a mobile device.

Selector IE7 IE8 IE9 FF 3.6 FF 4 Safari 5 Chrome 5 Opera 10
* selector yes yes yes yes yes yes yes yes
:before :after no yes yes yes yes yes yes yes
:nth-of-type() no no no yes yes yes yes incorrect
background-clip no no yes no yes -webkit- -webkit- buggy
background-repeat incomplete incomplete yes incomplete incomplete incorrect incorrect yes
::selection no no yes -moz- -moz- yes yes yes