melondog回答ポイント 50ptウォッチ 1

IE6等でも透過pngを表示させるためのjavascriptを用いたんですが、困ってしまいました。

ユンサンの／융상의／YungSang's: 透過PNGとIEとIE7まとめ
http://blog.l-xs.com/yungsang/2007/02/png_ie_ie7.html

こちらのページで紹介されていた、IE6等でも透過pngを表示させるためのjavascriptを自分のblogのトップページに適用してみました。
HTMLに直にimg要素で書き込んだpng画像については、問題なく透過が実現されたのですが、スタイルシートで背景画像としてpng画像を表示させようとした際には、透過はされたのですがその画像がボックス一杯に拡がって表示されてしまいました。

解決方法、回避方法等ありましたら教えてください。

該当箇所はページ上部のヘッダー部分で、html>body>#top1>#top1-innerになります。#top1-innerにbackground-image プロパティで背景画像を設定しています。ジグソーパズルの赤いピースを背景画像に設定して表示させようとしています。red_piece02.pngという画像です。本来の画像のサイズは353x282（px)です。

当該ページ
http://teto.chicappa.jp/blog/

参考にしたページ
Internet Explorer x 透過PNG x CSS - SCREAMO
http://www.screamo.jp/2007/09/000019.php