I'm having trouble with table formatting in Chrome and Firefox. The TR style is not being applied when I load the file into the browser, even though the table and TD styles are working correctly.
Interestingly, if I use the code in a fiddle it works fine.
I also tried extracting the styles to a separate CSS file, but that didn't solve the issue.
Here's the link to the fiddle for reference: http://jsfiddle.net/kdubs/6Ppf4/
<!DOCTYPE html>
<html>
<style type="text/css">
table
{
border: 5px solid red;
}
tr
{
border: 3px solid green;
}
td
{
border: 1px solid blue;
}
</style>
<body>
<div>
<table>
<tbody>
<tr>
<td>
one
</td>
<td>
two
</td>
</tr>
<tr>
<td>
three
</td>
<td>
four
</td>
</tr>
<tr>
<td>
five
</td>
<td>
six
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>