[James Mitchell]

I'm not sure if anyone has noticed any issues with displaying websites in Firefox 3 versus Firefox 2. We've noticed at work an issue that I wondered if anyone else has seen or solved.

With older sites where tables were used for the layout every there would be a gap of about 3-4px. In one case there was an image inside the column (TD) without any containing element. In the other instance it was a flash header in a column (TD) without any containing element. I am of the opinion that it has to do with

We've solved it two different ways (see below) so far, but wondered if there were more ways.

Solution Possibilities:

• Gap with an un-contained image. In the column where the gap was coming from I surrounded the img tag with a paragraph tag. And then cleared any padding/margin that was inherited.
  
• Gap following the flash movie. A div was created around the flash movie and a max-height was specified of the precise gap amount.

Has anyone else noticed this on old sites of theirs or solved it? Please share it and or your solution.

[marcamos]

Does it have anything to do with img and flash element not being block-level to begin with, and therefor inheriting line-height values as if they were simple text? If so, declaring those img and flash elements {display:block;} usually takes care of their margins.

Or, if it's a table-specific issue, maybe putting the following on all td elements {border-collapse:collapse; padding:0;} and also specifying cellpadding="0" and cellspacing="0" in the html of the table.

[James Mitchell]

We'll definitely try those on any other issues that creep up.

I'm 99% positive that it is because those elements on are not block level elements to begin with.