For the low-width mobile version of my site, I switch the display of certain table, tr, td, and th to block, to let them stack vertically. I use this as a technique to allow wide tables to continue to display all of their content without overflowing outside of their container.
It works perfectly in all of the modern 5 browsers, but does not work in IE9. Is there a way to do this there?
Here is a jfiddle: http://jsfiddle.net/cfCzD/4/
Here are screenshots
IE11 (Goal):
IE9 (Bad result):
