Here is another tricky issue to deal with:

You have a header area for your site like so:

<div id="header">blah</div>

The header has some background which you of course, via css, code it like so:

div#header { width: 900px; background:#fff url(images.gif) no-repeat left top; }

You are feeling good about yourself until you ask me to review it.  I then notice that whereas the background displays well in FF, it looks chopped off in IE.

Why, based on the code above, would this be the case? What is the solution?

As always, I await your answers.

Hmm, one reason could be that the div's content doesnt extend to the image's height. If it's that, the way to it is giving the div a min-height hat is equal to the height of d image. Hope Im not misinterpreting ur question

Actually, you are very correct kehers. The first time I encountered this, I spent hours trying to figure it out when it hit me that I should probably test the idea of setting a height out.

Sometimes, the "simplest" of things, take the most time to figure out.

Now, off to find something far more trickier

. . .ehm ehm. . .