Paths for url() attributes are relative to the location of the CSS file; paths for the src attribute of the filter are relative to the site root. Try testing by changing the src path to an absolute path or one that's relative to the site root.

Nik

As discussed earlier in the thread, this script is of no use when the images are being added through CSS because it iterates through the DOM collection of images to apply the filter. The DOM collection does not include CSS images.

Nik

OK, found the problem...the background image is being displayed in addition to the filter image. Time to break out the CSS hacks. Try this:

#leftHeader{width:19px; height:183px;top:0px;left:0px; position:absolute; background-repeat:no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/main/portals/_default/skins/JRShaw/images/header_left.png', sizingMethod='scale');}

html>body #leftHeader{background-image: url(images/header_left.png); }

The second rule uses a child selector which IE < 7 is clueless about, so the end result is that IE uses the filter and other browsers use the second rule. You may wish to try reverting the src URL back to relative to see if it still works. I tested with IE6, IE7 and Firefox 2...worked as expected for each.

Nik