png images disappearing in IE7/IE8

png images disappearing in IE7/IE8, not on localhost

[sprocket]

I am experiencing a very strange png-disappering bug in IE7/IE8.
The problem is that it happens only on the remote server (running IIS6), but not on localhost(running IIS7).
I know about (and have tried to fix) several known issues, such as the absolute/float bug ( [brunildo.org...] ).
I am also using pngfixes for IE6, I have tried to remove them completely, without any luck.
It is just some images which are disappearing, not all.
Here is some of the HTML where image disappear:

<div id="RightContent">
<div class="InfoBubble">
<img id="DefaultControl1_InfoBubble1_FavCircle" class="FavCircle" alt="Send inn" src="Gfx/fav_circle.png"/>
<h1>headline text – dine kulturminner</h1>
<p>text text text text text text text text text text tex text text text tex text text text text text text text text text text text text text</p>
<p></p>
<p>text text text text text text tex text text text tex text text text text text text text text text text text text text text text text text</p>
</div>
<div class="ClearBoth"/>
.......

Here is the related CSS for these elements:

#RightContent
{
float: left;
}
.InfoBubble
{
font-family: Helvetica, Arial;
font-size: 12px;
font-weight: normal;
color: #000400;
margin: 40px 0px 0px 31px;
padding: 56px 57px 56px 66px;
width: 444px;
height: 215px;
background: url(../Gfx/bg_infobubble_82.png) no-repeat left top;
}
.InfoBubble .FavCircle
{
position: absolute;
top: 115px;
left: 560px;
z-index: 100;
}

Any help appreciated! Thanks!

[edited by: tedster at 8:32 pm (utc) on April 7, 2009]
[edit reason] make link clickable, add boxes [/edit]

[tedster]

Do the png images show up fine in other browsers?

[Chris_R]

../Gfx/bg_infobubble_82.png

Are you sure the remote server is pulling this image from the correct location (which might seem ok locally). Just for fun try making the location:

http://www.example.com/Gfx/bg_infobubble_82.png

and same for the other image

[sprocket]

Hi, and thanx for replies!

The images show up fine in other browser.
In IE7/8 I can also see the png for 1/10 sec, and then it disappears. So it seems like it is loading from the right location.

[mcneely]

A small suggestion if I may?

.PNG is pretty heavy.

I might suggest that you convert to the lighter, easier and faster loading .JPG or .GIF.

I've had some of the same issues with the .PNG over the years, and at times still do, but only from the local host end.

[sprocket]

Hi mcneely!
I have thought of it, but the design requires smooth transparency, and therefore i must use .png

[sprocket]

I just found out what was causing the error...
There was a old reference to pngbehavoiur.htc (png fix for IE6), which did not show in source, but when I removed it, everything works as it is supposed to.

Sorry for wasting your time :(