border-bottom won't show on table cell in IE5 Mac

Consider the following code snippets:

CSS:

#head, #foot {
background-color : #EEE;
}

#head td {
border-bottom : 1px solid #999;
}



HTML:

<tr id="head">
<td>foo</td>
<td> </td>
</tr>


In IE5 on Mac, the bottom border is not shown for the second cell, which has no content aside from a single space. In IE, Moz, Opera on Windows everytime the border is shown. How do I force IE5 Mac to render bottom borders even when no content is in the cell? Assigning a width to the cell did not help.

Hoping for some insight on this issue,
mordred

Might be a border conflict (http://www.w3.org/TR/REC-CSS2/tables.html#border-conflict-resolution) problem.

Does it work if the space is replaced with &amp;nbsp;?

First of all it seems to be a conflict between me and IE5 Mac... ;)

I can't say for sure if it's a border conflict as described in the spec, and I remember having tried & nbsp; as well, but I test it tomorrow when I'm at work again.

But thanks anyway - there's a nice bit of info on the linked page: The empty-cells (http://www.w3.org/TR/REC-CSS2/tables.html#propdef-empty-cells)property. Hm, doesn't seem to be supported (http://www.blooberry.com/indexdot/css/properties/table/emptycell.htm) though. Perhaps the rules attribute can help me.

empty-cells did work. Apparently it is understood by IE5.1 on Mac.