Topic: Table Rendering in IE7

Wow. After spending 2 days on this one, I decided to ask for help. I'm sure it's a bug, but haven't been able to find any documentation on it.

This page shows the problem:

It works as intended in
Chrome 4+
Opera 9+
Safari 3+

Both HTML and CSS are valid: … mp;group=0 … mp;lang=en

Note how, in IE7, the table doesn't stop. I believe it's related to the way IE7 renders table cells...note the 'stray' lines in the middle of every other cell (not in the code), and how the table doesn't stop. It keeps going and going, beyond the footer. It's not the footer, by the's valid code, and every modern browser renders it right. I'm lost. Has anyone else seen this?

I've tried all kinds of workarounds on the table, like height: 1%; and display: block; and clear: both; and so on...with no luck. Does anybody else see something I'm missing?

Thanks in advance for your help, folks!


We're all looking forward to the future...but none of us more than the giant, evil robots.