Need Help with PNG/CSS

[brettcristofer]

This question is not specific to HTML but I hope someone can give some insight.
I am creating a watermark on the fly that is loaded as a PNG 32 over an image.
The PNG is contained in a DIV. The image itself is rendered like so:

<!--Image Tag-->
<img id="photo" src="../images/transparent.gif"
alt="<cfoutput>#getImageAttributes.npsImageAlt#</cfoutput>"
width="<cfoutput>#getImageAttributes.imageLarge_w# </cfoutput>"
height="<cfoutput>#getImageAttributes.imageLarge_h #</cfoutput>">

<!--CSS-->
#photo {
z-index: 1;
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: middle
width:<cfoutput>#getImageAttributes.imageLarge_w#</cfoutput>px;
height:<cfoutput>#getImageAttributes.imageLarge_h# </cfoutput>px;
background: url(<cfoutput>#getImageAttributes.npsimageLarge#</cfoutput>)
no-repeat;
}

Everything is working great except for one thing. In the areas that are
transparent on the PNG, you can right-click and get the page properties
including the path to the image itself. Areas that are not transparent simply
show the image as transparent.gif without the ability to view the source which
is what I want.

See the example at
[url]http://www.internationalpoultryexposition.com/exhSearch/pshowcase.cfm[/url]. Click on
the sprayer image.

Thanks for any insight.

[brettcristofer]

Forget it. Until Explorer fully supports transparent PNG's I'm not going to use the alphaimageloader hack. I'll just add the watermark to the original image and leave it at that.