IE Problem with space between divs at top

[maxima]

I've researched many places on the web and can't find a solution for this. I may have to attempt a re-write of the css to solve this. I figured someone must have experienced the same problem and found a fix.

[kobra]

I am with kurio on this, you still have the nested tables and if this is what you desire then there is a shrinking group of people that can address this or have experience with it.

If you rid it of the tables then there is a widening group that can address this problem using the things that we have direct experience with.

[dbltoe]

the -1px margin should fix this if you use

#headerWrapper{
bottom-margin: -1px;
}

[kuroi]

I may have to attempt a re-write of the css to solve this.

Bit unfair to blame your CSS for this. It looks fine and the site works perfectly in Firefox and Opera. This seems to be about IE's distaste for tables with nothing but images and right next to each other. I'm afraid that this isn't going away, the problem still manifests in IE7.

Possible solutions
1. as per dbltoe's suggestion: negative margin though would need to be more than -1px for IE7
2. why have two tables at all (the problem is the gap between them), but these rows of images could be constructed as two rows of the same table
3. making the cell in the header table empty (other than a  ) and putting the image as a background
4. I know you've tried it already, but dropping the table stuff altogether

As stated earlier, I don't work with tables like this so I can't vouch for 1-3, but they're the things I would try if I did.

Nice job clearing up your HTML. The errors that are left are because HTML doesn't like "&" on its own. Should be "&". Shame about the header change - I really liked the old one (it was the main reason I didn't take one look, say tables, and run away!)

[distanceDemon]

Just a thought on this ....

explicitly setting cellspacing and cellpadding to 0 frequently helps with unexpected white space around table cells.

W

[kobra]

distanceDemon,

Great point and one that was already accounted for with the code from the site:

<table id="headtable" border="0" cellpadding="0" cellspacing="0" width="100%">