Spacing Issues With Tables And <p> (HTML and CSS)

Question

I've got a site based around tables. Basically, I have a body area and the top of the body sits flush with the bottom of the header nav bar. Whenever I type text into the body, the body shifts down some pixels. Here are the examples:

This is before I type anything out:

This is after I type text in (nevermind the colors on top, it's a fading color bar that changes colors):

I tried to set all the margins to 0px and the padding etc. I can't seem to figure it out. I running CSS styles with the headers and body etc., I can't seem to figure out what attribute is causing this to happen. Any help would be appreciated.

Answer 1

我猜是（疯狂地）在进行空Td之前进行表格cellpadding。

Answer 2

You might try the line-height property of the text? w3schools.com

Answer 3

I converted this site to divs as opposed to tables. While I didn't entirely figure out what was wrong with this issue, I've learned that there are a whole host of problems with tables (as opposed to divs) especially when it comes to cross-browser compatibility.