My table has rowspans that overlap, but in Internet Explorer it doesn't display correctly. The bottom right cell keeps being pushed so that the second-to-last cell on the right side matches the height of the middle one on the left side. However, Firefox does not have this issue.
In all browsers except IE, it appears as shown here: http://jsfiddle.net/wUWFH/6/
In IE, it looks like this: http://jsfiddle.net/wUWFH/7/
You can see at the bottom right side that the last cell is taller than its left-side pair, but in IE, they are displayed at the same height.
Are there any CSS solutions to correct this? Dealing with IE compatibility is becoming quite frustrating.