Upon testing Firefox 5, it has come to my notice that an additional pixel of space is being added between the right column and the table border due to this particular piece of code:
<style type="text/css">
table {
border: 1px solid red;
width: 805px;
margin: auto;
table-layout: fixed;
}
td {
border: 1px solid green;
}
</style>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Sun</td>
<td>Mon</td>
<td>Tue</td>
<td>Wed</td>
<td>Thu</td>
<td>Fri</td>
<td>Sat</td>
</tr>
</table>
I have included screenshots from both Firefox and Chrome browsers for comparison. Pay attention to the right side to observe the discrepancy.
Removing any specifications related to widths, margins, or table layout resolves this issue. Are there any alternate solutions available to fix this bug?