Would anyone happen to know why i seem to be getting a white space appear underneath every image i place inside a table cell regardless of contents. This doesnt happen in IE however it does with firefox, mozilla, opera, netscape etc it doesnt happen with any of my other sites n its bugging the hell out of me.
Did you make sure your closing </td> tags are on the same line as the image in your editor.
when i use VS 2003 sometimes i get phantom white space (about the height of a <BR> tag) below content in table cells. This is because VS puts a hidden line break that sometimes renders. So if your tags look like this:
Using strict rendering, images sit on the text base-line by default. This means that there will be a small gap between the bottom of the image and the table cell border (and above the image if it is small enough).
You can resolve the problem, as you said, by changing the content vertical alignment. It also helps to avoid using tables for structural layout, as this exacerbates the issue.
Note that Gecko shrinks table cells to fit when rendering in Quirks mode, so this problem tends to come as a surprise to many people.