I have a table with overlapping rows, but in IE she doesn’t seem to want to do this, she continues to push the lower right cell so that the second last cell on the right side is the same height as the middle one on the left side, but in Firefox is not doing this.
In every browser except IE, it looks like this:
http://jsfiddle.net/wUWFH/6/
But in IE, it looks like this: http://jsfiddle.net/wUWFH/7/
As you can see in the lower right part, the last cell is higher than the left, but in IE it shows them as equal heights.
Is there any CSS to fix this? IE compatibility is really starting to be frustrating.
source
share