One specific image not showing in IE6 or 7

[seventeen]

I'm working on a website right now for a client in which, the logo image in the header of the page mysteriously does not show up when view in IE6 or IE7. IE8 works fine as well as all other major browsers.

And it's not all images on the page, just one.

Has anybody ever heard of anything like this. I haven't.

Technically I'm under an NDA on this one, so I cant give you the straight code. I'll have to negotiate some sort of copy where the issue remains.

Any help would be genuinely appreciated.

Thanks!

 

[angelwatt]

You could try to reproduce the problem with a smaller amount of code. This will help diagnose the problem as well since you'll be minimizing the potential problem pieces. It could be a CSS issue with IE that is resolved in modern standards. If you can reproduce with smaller amount of code maybe you can post that part without issues.

How are you displaying the image e.g., background image, img tag?

 

[seventeen]

I had to remove a lot of info for them to let me post this, so thats what all the #'s are. Regardless, you can see how its laid out. The image in question is a .png file with transparency. However, I am using the javascript unitpngfix for IE6,

	<div id="head_wrap">
		<div id="head">
			<!-- THE IMAGE BELOW DOES NOT DISPLAY IN IE 6 OR 7,
				BUT IT DOES IN ALL OTHER MAJOR BROWSERS -->
			<h1 id="logo" class="left"><a href="#"><img src="#.png" alt="#" /></a></h1>
			<ul id="head_nav" class="right">
				<li class="first"><a href="#">#</a></li>
				<li><a href="#">#</a></li>
				<li><a href="#">#</a></li>
				<li><a href="#">#</a></li>
				<li><a href="#">#</a></li>
			</ul>
			<div class="clear"></div>
		</div> <!-- END #head -->
	</div><!-- END #head_wrap -->

and css...

div#head_wrap {
	width: 100%;
	background-position: 0px -8px;
	background-repeat: repeat-x;
	background-color: black;
	background-image: url(bar_gradient1.png);
	color: #fff;
	border-bottom: #109033 4px solid;
}

div#head {
	width: 960px;
	margin: 0 auto;
}

h1#logo {
	width: 443px;
	height:36px;
}

 

[ChicoWeb]

did you try changing it to gif to see if it's the PNG fix. Sounds to me you may have something in your JS causing the issue. IE is typically where it won't work.

 

[Cerebrus' Maw]

I would also be suspicious of the Javascript. With the JS running, but with the image a gif or jpg, do you get the same problem? What if the JS if turned off?