Take a look at this page
http://www.gupdesigns.com/temp/debug.html

I want it to display like what you see in Firefox 2.0. That is you should see red, grey, and then blue.

The problem is that when I look at this same page in IE7, I see red, white, and blue.

If you do a view-source, you will see that I'm using margin-top to put down the table so that the grey will show. It is pushing down the table alright. But where is the grey from the div?

How to fix? And is this a bug in IE7?

Try taking out the extraneous <div> just above the </body> tag.

I'll never understand the purpose of using divs to wrap a table that's controlling layout.