IE adds awful spaces to tables on my site

Need an expert to figure this one out.

[woeger]

I am having difficulty with a main web page layout that I have been using for years. I made some changes in the last few months and now my page displays with very funny spacing on the left hand and right hand tables of the page.

I get extra spaces between tables/table elements in both the right and left hand tables. I am not an HTML spacing expert, so if someone could help remove this spacing bug for IE I would be appreciative. It is probably something simple, but I just can't seem to find it.

The page displays fine on a PC in Opera 7.54, Firefox 1.0 and Netscape 7.2 and also on a Mac in the latest Safari browser and the old Mac IE. The problem seems to exist with IE 5.5 and 6.0 variants on a PC only.

If anyone can solve the "extra spaces" problem on the left and right hand page tables in IE 5.x and 6.x (on a PC) I would be very appreciative. I just want my main page to show properly in all major browsers.

I want the page to look right without the extra spacing that IE currently adds (using a 6 pixel transparent (tr.gif) spacing between table elements) on both right and left hand columns in MSIE 5 and 6 just as FireFox and the other non-IE browsers currently display the page spacing correctly.

<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>

[edited by: tedster at 10:18 pm (utc) on Mar. 5, 2005]

[tedster]

Welcome to the forums, woeger.

The first step to take in debugging any rendering problem is making sure the HTML mark-up is valid. Only then can you be sure that you won't be on a goose chase. The W3C sets the standards, so that's the best place to check.

W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]