[HTML & CSS General] CSS: IE6 CSS Bugs

memo.

[markdown]
Compass の mixin を眺めていると、Float というのがありました。

> * [Compass Float | Compass Documentation](http://compass-style.org/reference/compass/utilities/general/float/)

`float: left` に `display: inline` が追加されています。

“`
=float($side: left)
display: inline
float: unquote($side)
“`

これは [IE5/6 の double-margin bug](http://www.positioniseverything.net/explorer/doubled-margin.html) に対応するためのコード。

他のバグについても調べてみようと思ったら、こちらの記事にまとまっていて勉強になりました。

> * [IEでのCSSのバグを回避するhasLayout | コリス](http://coliss.com/articles/build-websites/operation/css/143.html)
> * [IE6でよく遭遇するCSSのバグとその解決方法 | コリス](http://coliss.com/articles/build-websites/operation/css/753.html)
> * [[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス](http://coliss.com/articles/build-websites/operation/css/1036.html)
[/markdown]