Firstly, why are using a frameset with only one frame? :S... and why are using framesets anyway?
Secondly, place this code in a file name of pngbehaviour.htc
Code:
<public:component>
<public:attach event="onpropertychange" onevent="propertyChanged()" />
<script>
var supported = /MSIE (5\.5)|[6789]/.test(navigator.userAgent) && navigator.platform == "Win32";
var realSrc;
var blankSrc = "/blank.gif";
if (supported) fixImage();
function propertyChanged() {
if (!supported) return;
var pName = event.propertyName;
if (pName != "src") return;
// if not set to blank
if ( ! new RegExp(blankSrc).test(src))
fixImage();
};
function fixImage() {
// get src
var src = element.src;
// check for real change
if (src == realSrc) {
element.src = blankSrc;
return;
}
if ( ! new RegExp(blankSrc).test(src)) {
// backup old src
realSrc = src;
}
// test for png
if ( /\.png$/.test( realSrc.toLowerCase() ) ) {
// set blank image
element.src = blankSrc;
// set filter
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
src + "',sizingMethod='scale')";
}
else {
// remove filter
element.runtimeStyle.filter = "";
}
}
</script>
</public:component>
Make a 1px by 1px transparent gif and call it blank.gif, then add this to your head block
Code:
<!--[if IE 6]>
<style type="text/css" media="screen">
img { behavior: url("/pngbehaviour.htc"); }
</style>
<![endif]-->
You may need to change the paths etc, but it will make your 24-bit transparent pngs, transparent in IE6 (providing the user hasn't disabled JS.
Thirdly, get rid of the clock.