How to get rid of unwanted space between tables?

Question

I have a page with two large tables, one positioned above the other:

http://www.sportsmogul.com/Encyclopedia/2007/BOS/index.html

In my editor (Dreamweaver), there is no space between the tables.

But in Chrome, there is a gap of about 10 pixels (the blue space where the background shows through, between the top "navbar" and the rest of the page).

Would like to get rid of this gap.

Answer 1

Remove the <br> tag before the starting <table> tag of the tables. If you remove that, the space goes off in Chrome. Since Dreamweaver does not display non-display elements, you wouldn't have seen it during the source time.

Answer 2

It appears that there is a <br> tag right inbetween the tables, I must say that while there is a tiny bit of doubt, I do believe that this is the culprit.

Please see Exhibit A:

Highlighted in blue, the <br> resides right inbetween the tables.

For more information about the <br> tag please see this link: http://en.wikipedia.org/wiki/HTML#Elements