I know this topic is quite old, but since it was one of the first results on google about the issue, and I couldn’t find a solution anywhere, I’ve decided to post it here anyways.
After a quick bit of hit-and-miss debugging I was able to figure out a solution to this problem. Apparently, FireFox handles some CSS styling differently than IE. Vertical-align is one of those. Changing your CSS a bit should give you the result you want with little to no impact on the rest of your website.
This was the problematic CSS code I had:
td {vertical-align: text-top;}
After changing it to the following, everything worked as expected in both FireFox and IE:
td {vertical-align: top;}
As you can see, all I did was chance “text-top” to “top”. For some reason, when using text-top alignment in firefox, you end up with some very ugly results when you put images inside of table cells with rowspans. If nothing else, I know I’ve learned my lesson and will avoid using text-top alignment in my CSS styles in the future.
Best of luck to anyone else who had this problem.
