It worked! Thank you so much

Rajaie — Sun, 13 Jan 2008 12:00:51 +0000

Think I can see what you

JeevesBond — Sun, 13 Jan 2008 08:20:46 +0000

Think I can see what you mean. The problem is caused by the margins of the p element, add:

p {
  margin: 0;
}

'
To your code and you'll see what the issue was. Margins can cause some odd problems, you'll also see this with headings.

Thanx man, that solved the

Rajaie — Sat, 12 Jan 2008 18:31:09 +0000

Thanx man, that solved the IE problem, but I'm still having the problem where the columns are out of place.

If you try the code you'll see what I mean

I did not try this out, but

webwiz — Sat, 12 Jan 2008 17:30:32 +0000

I did not try this out, but I can see that you are using "min-height" -- IE prior to version 7 did not understand this.

I suggest using "height" instead of "min-height" for IE 5/6. Because of an IE bug that treats "height" as "min-height" in many cases, that may work for you.

There are several ways of giving a rule to IE 5/6 alone. My preference is the "Tan hack" aka the "star-html" hack, like this:

* html div#main {height: 700px;}

Hope this helps.