I have an IE css problem... seems to be alot of those lately....

Anyways, the page works find in ff and safari, but there is a bit of misalignment in ie. An ugly white line appears in the header area and there is a misalignment where the header meets the body.

You can see the page at: http://inlab.topsitelist.org/masonry/withieprob/
And the css at: http://inlab.topsitelist.org/masonry...prob/style.css

Thank you at all for any help you can give me...

You have a couple of problems;

1 - your header and wrapper are defined as 1024 wide, but your content section is only 786 wide. With auto defined for left and right margin, the calculation is not going to be exact between browsers.
2 - In FF, if I shrink the window to less than 1024 wide, then the content section slides around.

- I would suggest NOT using auto for left and right margin on #content and define a fixed left margin for it to line it up with header.

Your other choice is to make your header the same width as #content and remove the gradient from the graphic, keeping just the center graphic.

But if it has a fixed left margin it wont be centered...

Im amazed at how something simple can screw up the whole thing.
I fixed it by removing width: 1024px; from #header

The other problem (the one if you make the window smaller) is fixed too!

I would not be centered in the way you were trying to do it because of the different widths. The #wrapper was defined at 1024 wide and THAT would be centered. If you added a left margin to #content, it would be measured from it's container - that of #wrapper, so it would always be in the same place - xx pixels from the left of #wrapper.

Just a little tip on centering if you're interested

If you use percentage values for the body tag and for your wrapper div, and give it a value of, say, 80%, then you can also give it a left-margin of 10%. That way, not only will it always appear centered, it will also be much more browser and monitor compatible