IE margin problem again

[AndrewMcLellan]

Hello again,

I've got another layout here and I've used some of the hacks I was shown in previous topics posted to fix IE to som extent. But once again I have a problem of a margin above my banner, and then my read more links in the wroong position.

Does anyone know how to fix this?

If you have a look at FF or Chrome you will see the way it's supposed to look.

http://amclellan.110mb.com/index.html

[drhowarddrfine]

Validate your html for that list of errors on your links. The gap at the top is probably caused by IE not collapsing margins properly but I don't have IE on this box so I can't check right now.

[David Laakso]

I've got six versions of IE on this end. State which one, or which ones, you mean when you write the thing doesn't work in IE (thanks).

IE/6 and IE/7 are leaving space for lc descenders. Making the image a block level element closes the gap.

img {display:block;}
 

In your document enclose all text with opening and closing p tags, including same for the "Read More" text. And assign this:

p {margin:0;}