IE6で画像が伸びるのを、CSSで制御する

livedoor blogで、Custam(カスタム)テンプレートを使っているんですが、
たまたIE6で見てみたら、png(jpgもでした)画像が全て伸びていました。

画面上部のロゴが既に伸びています

IE6でpng画像が伸びるのをCSSで制御する

 デフォルトのimgのCSS

.article-body-inner img.pict{
    border: 0px solid #fff;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
    height: auto;
    margin: 1em 6px 1.5em!important;
    max-width: 98.4%;
}


色々試してみた所、青字を追加したら、上手く行きました。


修正後の修正後

 .article-body-inner img.pict{
    border: 0px solid #fff;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
    height: auto !important;
    margin: 1em 6px 1.5em!important;
    max-width: inherit 98.4%;
    width: inherit !important;
}

他のブラウザで見た場合と同じ状態

IE6の透過pngの透明部分が薄い水色になるのをどうにかしたい

アフィリエイトのボタン。その上四角。

ググってjs適用してみたんですけど、設定するとまた画像が延びたりしたので、 未解決です。
上手く行ったら追記します。

角丸も絶賛放置中。