some images disappear using the IE PNG Fix

Hi i'm using the IE PNG Fix v1.0 / 2.0 Alpha 3 workaround to display my png images using Internet explorer. It works, but only for the tiled image in my container and not my relatively positioned corner images to the side of it, they fail to show up all together!

Any ideas?

Thanks

<snip>

my code...

body {
font: 80% verdana, arial, helvetica, sans-serif;
text-align: center; /* for IE */
background-color: #333333;
background-image: url(Images/circuit-gradient-380x1050.jpg);
}
#container {
text-align: left; /* counter the body center */
width: 80%;
background-image: url(Images/xrepeatheader.png);
background-repeat: repeat-x;
height: 108px;
margin-right: auto;
margin-left: auto;
position: relative;
min-width: 700px;
max-width: 900px;
}
#Logo {
background-image: url(Images/Photronics%20practice.png);
position: relative;
background-repeat: no-repeat;
height: 70px;
width: 410px;
top: 20px;
left: 7px;
}
#leftcorner {
background-image: url(Images/leftcornerheader.png);
float: left;
height: 108px;
width: 27px;
margin-left: -27px;
position: absolute;
}
#rightcorner {
background-image: url(Images/rightcornerheader.png);
float: right;
height: 108px;
width: 27px;
margin-right: -27px;
position: relait;
left: 0px;
top: 0px;
}
#content {
background-color: #FFFFFF;
margin: auto;
height: 300px;
width: 81%;
border: 5px solid transparent #999999;
min-width: 700px;
max-width: 900px;
}
div { behavior: url(iepngfix.htc) }
</style>
</head>

[edited by: swa66 at 10:47 pm (utc) on Mar. 31, 2009]
[edit reason] No personal URLs please see ToS. [/edit]

some images disappear using the IE PNG Fix

blindcat

simonuk

CSS_Kidd

blindcat

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week