定義リストdt ddを横並びで表示させる
定義リストであるdt ddを横並びにさせたい場合、僕はfloatを使うケースが多いのですが、Windows IE6では最初のddが約0.2emほどマージンを多く取るバグがあります。Windows IE7/Firefox/Opera、Macintosh Safari/Firefox/Operaではきちんと表示されます。
IE6では隣接セレクタに対応してないので、最初のddに適用させるクラスを記述してスターハックを適用させています。本当はあんまりハック使いたくないんですけどね。
dt { margin-bottom: 0.25em; width: 6em; float: left; }
dd { margin-bottom: 0.25em; margin-left: 6.5em; }
* html body dd.first { margin-left: 6.3em; } /* for win ie6 */