I created a table-based newsletter which appears fine in IE but shows extra white space in Firefox, caused by spacer gifs. When I created the page in Dreamweaver it showed that there were no browser errors.

I thought I read that spacers needed alt tags to render in Firefox, but this doesn't seem to make a difference.

Any ideas?

Thanks,
Wilbury

I think you read wrong. A spacer is nothing but a transparent gif and FF has no problem with that transparency, and the alt ATTRIBUTE makes no difference whatsoever.

Did you use CSS in this newsletter ?

Only to apply line spacing, height, and padding to text.

I know that using spacers can be tricky, but keeping the table a set width can be a nightmare.

Can we see the code ? Would be easier to debug that way

Here it is. Thanks

http://www.diamondpackaging.com/news...ng07_test2.htm

I don't see any extra space.

You can try adding this to your css:

img{border: none;}

Thanks for the tips.

I tried adding the img class (border: none), but it didn't seem to make a difference. For some reason, Firefox renders the spacer(s) with more white space than IE. Oddly enough, it doesn't affect a thin spacer that divides the lower two columns.

Ok, I'm afraid this is more about IE's INCORRECT rendering of the styles you have and less about FF. I suspect that line-height: 14px might have something to do with it too.

It would be a whole lot easier to fix if it wasn't tables.