This works fine in Opera and IE, but in Firefox 1.0 there seems to be
a problem. With border-collapse set to collapse, it indents the table
1px to the left. Any ideas how to resolve this without any browser
specific hacks?
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Firefox</title>
<style type="text/css">
.table1
{
border-collapse: collapse;
}
.table1 td
{
border: 1px solid red;
}
.table2
{
border: 1px solid red;
}
</style>
</head>
<body>
<table class="table1">
<tr><td>This is a test</td></tr>
</table>
<table class="table2">
<tr><td>This is a test</td></tr>
</table>
</body>
</html>
