I have a layout which is causing 1 small issue for FF. It's basically a table inside a table cell which is 500pix wide and 23pix tall.

The table inside is 1 row of height 23pix and 3 coloums with the widths 85 251, 164 which ads up to 500. Each coloum only has text which is small enough to fit in each cell appart from the one at 251 but that text has a marquee so it scrolls anyway.

Now, when I view in IE it's perfect. When I view in FF, the 3 table cells are NOT the widths they should be. Here is the code

<table width="500" height="23" border="0" cellpadding="0" cellspacing="0"><tr><td width="85" class="details"><font size="2"><strong>HEADLINES:</strong></font></td><td width="251" class="subdetails"><marquee behavior=scroll direction="left" scrollamount="3" onMouseOver='this.stop()' onMouseOut='this.start()'><a href="#">HEADING TEST</a>: 23/08/05&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">HEADING TEST</a>: 23/08/05&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">HEADING TEST</a>: 23/08/05 </marquee></td><td width="164" class="details"><font size="2"><strong>Tel: 0844 800 8888</strong></font></td></tr></table>

This is starting to annoy me, so I've left it for now and moved on. But does anyone know what I've overlooked?

I have seen that code in FF and in IE and I get the same thing. To sum up, I don't find any issue to be fixed.