Stubborn bug in IE 5.0

space below image won't go away

[LolaDarling]

Hi, everyone. I'm working on a site that I think I've managed to work out most of the bugs on, except this one. There's a large (approx. 20px) space appearing between the image near the bottom of the page and the footer div. I've tried everything I can think of -- margin: 0 & padding: 0 around everything, but it won't go away. Of course, the client is using -- drumroll, please -- IE5!

The code (both HTML & CSS) validates. The doctype is correct. I can't figure out what else to try.

Any thoughts?

Here's the link (the problem appears on every page, and only in IE5.01/Win -- it's fine in IE5.5 and IE6, and even IE5/Mac):

ooops

Any help would be most appreciated!

[edited by: SuzyUK at 10:21 pm (utc) on July 14, 2004]
[edit reason] sorry no URLs : see TOS #13 [webmasterworld.com] [/edit]

[createErrorMsg]

Lola, Welcome to WebmasterWorld!

I glanced at your site code(don't be surprised if the moderators clip the URL out of your post very soon; I just happen to have caught it before it's expulsion).

For those who might come along after the URL is clipped, the generic site code in question (Lola, I hope you don't mind) is a little like this...

<div id="content">
blah blah
</div>
<img src="bg_content.gif" width="x" height="y" />
<div id="footer">
blah blah
</div>

...I looked through your CSS and did not see any rule declarations for the <img> tag. The only thing in your CSS that seemed to be pointing to this image was a...

div#bgcontent { padding:0; margin:0; }

...tacked on the end, which I notice has the same NAME as the image file.

I'm wondering if you meant to give that <img> tag an id="bgcontent" but forgot, or maybe intended to slap a <div> around it but didn't.

What I don't get is why only IE5 would give that image a margin...

[LolaDarling]

Sorry about the faux pas -- that's what I get for waiting 'til I was desperate to ask for help (and impatient with reading guidelines). :)

To answer your question, that snippet of CSS code was just left over from when I'd tried enclosing the image in a div tag, to see if I could fix the problem that way.

Because this is a real page-specific problem, though -- and not necessarily one I think others will learn from -- I'm going to take this topic elsewhere for now. If I figure out the problem, I'll come back here and post the resolution.

Thanks for the kind words & support!