Categories: MSDN / DotNet / Java / Scripts / Linux / PHP Ask - La ask - La Answer

Table cells not lining up correctly in Firefox

I have a page with three nested tables. When the middle table has display:inline set the cells of the lowest table all collapse to the left in Firefox. This does not occur in MSIE and does not occur if there is no outer table. Does anyone know why this is occurring? This does not seem correct.

You can paste this code into a simple text file with an .html extension to see an example:

<table><tr><td>
<table style="display:inline"><tr><td>

<table border="1" >
<tr>
<th>7777777</th>
<th>666666</th>
<th>55555</th>
</tr>
<tr>
<td>1</td>
<td>22</td>
<td>333</td>
</tr>
</table>

</td></tr></table>
</td></tr></table>
[904 byte] By [Billkamm] at [2007-11-11 10:13:17]