When I include a TD padding in my CSS like this:
#maincontent table td, #maincontent table th {
padding: .333em 0 .333em .25em;
}
In Safari and IE, the padding is applied correctly to the TD, but not in Firefox.
If I apply the TD padding only to the TD in the CSS, without including the th, the padding is not consistent across all browsers:
#maincontent table td {
padding: .333em 0 .333em .25em;
}
Furthermore, changing the order of the td/th does not solve the issue in any browser:
#maincontent table th, #maincontent table td {
padding: .333em 0 .333em .25em;
}
Why is this behavior so inconsistent? I have only applied a css-reset and some basic styling to the table element itself, without any additional styling to the td, th, tr, tbody or any other table element.