Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。black;padding:10px;}</textarea>上記の指定をした場合、IE6ではborderで囲まれた領域が「100px」となり、最新のブラウザでは「124px」となります。解決方法paddingを使用する場合には、ボックスに使用しないで、内包する要素に指定を行います。rows="5">div#box{float:right;margin-right:20px;}</textarea>上記の指定をした場合、IE6ではマージンが「40px」となり、最新のブラウザでは「20px」となります。「display:inline;」を付け加えるか、空白の指定に「margin」ではなく「padding」を使用します。min-heihgtと同等の指定IE6では、「min-width」「min-height」の指定は有効になりません。Hackを使用して、指定します。!important;height:500px;}</textarea>Stepdownバグ通常、フロートした要素は横並びになりますが、IE6で階段状になるバグがあります。「display:inline;」指定を行います。hover擬似クラスをa要素以外にも対応IE6ではhover擬似クラスはa要素にしか対応していません。最新のブラウザではa要素以外にも対応しています。解決方法Whatever:hoverの「csshover.htc」を使用すると、他の要素にもhover疑似クラスを利用することができます。rows="5">body{behavior:url("csshover.htc");}</textarea>透過PNGを透過表示に対応IE6では、透過PNG画像が、透過しないで表示されてしまいます。Hackでいくつか紹介されていますが、そのうち2つを紹介します。RC4の「iepngfix.htc」を使用すると、IE6で透過PNGが利用できます。rows="5">img{behavior:url(iepngfix.htc)}</textarea>JavaScriptを使用した解決方法PNGHackの「pnghack.js」を使用すると、IE6で透過PNGが利用できます。