CSS table cell padding issue in Firefox and IE8

Answer 1

Try using pixels for your padding and borders and see if that solves the problem. I suspect the fact that you're using ems is generating some weird rounding glitch that causes the 4px/5px difference.

Answer 2

<td valign="middle">

Not the best way, since you don't use css, but it always worked for me.

Adittionally, take a look at line-height css property for cell. If your cell is 20px high, set line-height to 20px etc.

Answer 3

Try this in your cells, for this to work though I believe the cells need a height specified in them.

css vertical-align

Answer 4

The image is vertically aligned on the baseline leaving room for descenders - just in case you add text. Vertically align to the bottom and the extra space goes away.

td img {vertical-align:bottom;}