Чтобы полноценно пользоваться всеми прелестями альфа-канала, используемого в png для всевозможных эффектов, нужно всего-лишь заменить серый фон, который ставит IE на прозрачный. Сделать это можно простым скриптом, подставляющим вместо этого фона пустой прозрачный gif.

1. Сохраняем нижний код в файл pngbehavior.htc. Размещаем скрипт pngbehavior.htc для примера в директории /src/. Меняем путь до прозрачного gif`а (var blankSrc = "/im/blank.gif";):

<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>

2. В CSS пишем:

img, div {behavior: url(/src/pngbehavior.htc);}

3. В HTML пишем (Размеры обязательны, иначе IE сожмет изображение в точку.):

<img src="image.png" alt="" width="250" height="150"/>

http://dillerdesign.com/experiment/DD_belatedPNG/#license

Лично я пользуюсь:

<!--[if IE 6]>
<script type="text/javascript" src="http://mstihi.dp.ua/skins/js/ie6pngfix.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('img, ul, ol, li, div, p, a, h1, h2, h3, h4, h5, h6, input, span');
</script>
<![endif]-->

и всё классно работает. Скачай http://mstihi.dp.ua/skins/js/ie6pngfix.js и пользуйся

Если картинок несколько (немного), лучше прописать им каждой в отдельности

Ну, а если она одна, но появляется семь раз, то можно как arvitaly???

интересная тема, я вот только недавно обнаружил, что у png есть так сказать прозрачность. А это токо у png может быть?

Вроде да.... Да, да-да!

arvitaly
спасибо за разъяснение про прозрачность

Городушки.. Если требования к IE6 - использовать gif. Если таких требований нет - забить на IE6.