Border Style for Empty Cells

In IE 7, an empty cell's border may not be visible. To solve this, consider the following CSS solution:

Option 1: Non-Breaking Space ( )

Insert a non-breaking space ( ) into the empty cell to force its presence:

td:empty {
  content: " ";
}

Option 2: IE8 Empty-Cells:show

IE8 supports the empty-cells:show property to display empty cells:

td:empty {
  empty-cells: show;
}

Note for IE7

It's important to note that empty-cells:show does not work in IE7. Therefore, the non-breaking space method is the recommended solution for ensuring border visibility in empty cells.