Internet Explorer Table 1 Pixel Spacing Problem

I've found a strange problem with Internet Explorer related to table spacing and cannot find a way to work around it. An empty table results in a single pixel white space with Inte

Solution 1:

I suggest you remove styling from table and only apply it to cells (not even rows). Styles on table and tr tags can sometimes produce side effects.

Solution 2:

you can try to have a display:none on the table if it is empty, and do it in javascript.

Solution 3:

An old post I know, but I stumbled across it when looking for a solution myself. It would appear that this is fixed in IE8, but I tried every trick I knew to get it sorted in IE6/7 and just couldn't find a decent way. In the end I've gone for the option of adding a margin-top:-1px; to the red div (or whatever element follows) using an IE6/7 targeted selector. What a frustrating bug!

Allan