I found an interesting way to add suport for transparent PNG images when the site is veiwed in Internet Explorer useing a css trick unique to IE
Text Formatted Code
IMG {behavior: url("/layout/steuben/pngbehavior.htc");
Text Formatted 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 = "/layout/steuben/theme-images/pixel.gif";
if (supported) fixImage();
function propertyChanged() &#123;
if (!supported) return;
var pName = event.propertyName;
if (pName != "src") return;
// if not set to blank
if ( ! new RegExp(blankSrc).test(src))
fixImage();
&#125;;
function fixImage() &#123;
// get src
var src = element.src;
// check for real change
if (src == realSrc) &#123;
element.src = blankSrc;
return;
&#125;
if ( ! new RegExp(blankSrc).test(src)) &#123;
// backup old src
realSrc = src;
&#125;
// test for png
if ( /.png$/.test( realSrc.toLowerCase() ) ) &#123;
// set blank image
element.src = blankSrc;
// set filter
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
src + "',sizingMethod='scale')";
&#125;
else &#123;
// remove filter
element.runtimeStyle.filter = "";
&#125;
&#125;
</script>
</public:component>
then create a 1 pixel transparent GIF called pixel.gif and place it where you keep your images in your theme
for more information goto http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html