View Full Version : Table with rounded corners has annoying gap only in IE7

04-11-2009, 12:03 AM
Hi all,

I'm working on a site for a non-profit organization. It's my first real project. I've been learning how to create tables with rounded corners, which I like the look of. I seem to have the hang of it, but I'm running into an annoying problem.

The site looks fine in Firefox and Safari, but in IE7 there is a small issue. The rounded bottom of the main table is separated from the rest of the table by a small space. I have no <br> or <p> codes in that part of the code, and I have valign set to top on the TD tag where the bottom table pic is. Any ideas what the problem could be?

Remember, the issue is only with IE7 (and possibly other versions of IE). I think the rounded bottom table graphic is slightly off by a pixel or 2 which I plan to correct in Photoshop, but I'm really most concerned about the gap issue.

Here's the URL:



04-11-2009, 12:12 AM
Hello TheAntipop,
Have a look at the errors the validator finds - http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmattmasi.com%2Fribn%2F Links about validating in my sig below.
There is also a link about using tables for layout.