I would expect this code to display a border around a table. It does in Internet Explorer but not in Firefox. In firefox it displays a horizontal line above the table. If I add anything else e.g. <br /> within the div the border is displayed correctly. It also works if I remove the align attributes.
What is the reason for this behaviour?
<body>
<div style="border-style: solid; border-width: 1px;
border-color: #A8A8A8; width: 100%">
<table align="left" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
Sample Text<br />
</td>
</tr>
</table>
</div>
</body>