In IE, setting border-color:#000 will cause only the 4 outer borders to turn black. In Firefox 2.0, it also turns the row's bottom border black, and the right-border of each column. (See attached pic)
The row border can be overridden by defining TR, but the only way I've found to get ride of the change in column border color is to set border-color-right on the table -- not a good solution.
Also, notice how Firefox overlaps the row's bottom-border on top of the table's border This leaves one pixel of the table's border as #EEE.
Here's the table's CSS:
#table {
margin:10px 0 0 0;
background-color:#EEE;
border-color:#000;
border-width:1px;
border-collapse:collapse;
}
and overrides:
#table tr {
border-color:#EEE;
}
#table {
border-right-color: #EEE;
}
Having trouble finding information on this. All help is appreciated.
Start Free Trial