В IE прозрачность PNG не поддерживается напрямую. Если уж очень хочется, то используйте такой метод:
<img src="blank.gif" width="200px" height="200px" style="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png', sizingMethod='scale')" />
blank.gif - просто картинка размером 1х1 пкс с прозрачным фоном.
Но это не будет работать в FF и Опере.
Если надо и там, и там ;) , то можно на JavaScript'е создавать:
<script>
imgCat = document.createElement('img');
imgCat.style.position = 'absolute';
imgCat.style.width = 100; // ширина
imgCat.style.height = 100; // высота
imgCat.style.bottom = 10; // отступ (у меня снизу в примере)
imgCat.style.right = 10; // отступ справа
if (navigator.appName == 'Microsoft Internet Explorer') // если IE, то грузим бланк.гиф и через фильтр лого.пнг
{
imgCat.src = 'images/blank.gif';
imgCat.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/cat.png\', sizingMethod=\'scale\')';
}
else // а для FF и Оперы просто картинка
{
imgCat.src = 'images/cat.png';
}
document.documentElement.lastChild.appendChild(imgCat); // прикрепляем к body
</script>