min-heightをクロスブラウザで対応させる方法

が、ここに載ってた。
http://blog.creamu.com/mt/2008/03/cssminheighteasiest_crossbrows.html


■min-height

.foo {
min-height:100px;
height: auto !important;
height: 100px;
}


■min-width

.bar {
min-width:100px;
width: auto !important;
width: 100px;
}


やってみたら確かにいけたんだけど、理屈が分からない。
IE6にあるバグとしてimportant属性を設定したプロパティが、
同一セレクタ内に複数あると無視されるってのはあるんだけど、

.hoge{
 height:100px; !important
 height:200px;
}
→IE6の場合は、height:200pxが優先される。


だとしても、それだったら単純にheight:100pxになっちゃうんじゃね?と
思うんだが。これは仕様書レベルまで行かないとダメかな・・・



今日のやるぜ!BGM♪
KashmirLed Zeppelin