Which IE bug is this and can you tell me how to fix it?

I should know this since I have looked so many of them up but I don't.

This fluid page renders fine in FF but the doesn't do too well in IE7. The images gets shortened or the height of the div increases. At any rate it doesn't look right.

And is this a "proper" use of divs or is there a better way to do the same thing?

IE will throw it off for 2 reasons:

1. text-align:center
Because
2. width:100%

Either set the width to 99% or remove the text-align:center to make IE behave.

I had the same issue with a new design I'm working on too.

Did you try overflow: hidden on either the cells or the header? (Header should be fine.)

Thanks for the reply but I think you misunderstood the request.

That red banner is composed of a left image, a right image and a div with the same background color. The images and the div line up fine in FF both at the top and the bottom. In IE it looks like this:

Oh, OK Colby. I don't have IE 7 -- I have 6.

But, if you add in line-height, that should solve the problem.
You have height:119px;
but don't have a font-size set (IE always leaves imaginary space for a font)
So, set a font-size:0; then set line-height:119px; and that should solve it.

I have serious migraine today, so it's quite probable that I completely misunderstood what you were asking.

Try that, and see if it makes any difference?

That took care of the alignment problem. Thanks.

I will work on adding text later. I see more fun in my future.