Quirks in Internet Explorer for Macintosh

Row Background Color Effects Spacing Color

I ran into a weird phenomenon with IE (and Netscape 6) on the Mac where the vertical spaces between cells were missing, but the borders were jutting out, appearing above and below the cells!

After some hacking, and help "viewing" them via some Mac enabled friends, it became apparent that the cell spacing wound up containing the row's background color. All other browsers tested use the table's background color for the cell spacing.

The tests included Mac: IE 5.2.2, Mozilla 1.5, Safari 1.0, Opera 6.0 and Netscape 6 plus Windows: Mozilla 1.6, IE 6.0 and Opera 7.11.

Code common to both tables:

table {
  border: thick solid #000000;
  background-color: #FFFFFF;
}
<table cellspacing="5">

tr {background-color: #99CCCC;}

XHTML/CSS:

l=none r=none white

l=none r=thin red

l=thin r=none orange

l=thin r=thin blue

Graphic from IE Mac:

td {background-color: #99CCCC;}