Absolutely Positioned Pseudo Element Inside Table Cell Does Not Cover Parent In IE9/10

I have a nested div setup displayed as table and table-cell, where each cell has an absolutely positioned :before element that covers the entire cell. This works fine everywhere ex

Solution 1:

The way I ended up solving it was to simply give the :before element a ridiculous min-height (in my case 2000px but depends on your use case) along with overflow: hidden on the table-cell.