「IE7 で閲覧すると表示が異なるのですが」というご質問を頂いたので、CSS ハックを利用して、IE7 のスタイルのみを変更する方法を紹介します。結論だけ述べますと、IE7 に異なるスタイルを適用する(=他のブラウザと表示を合わせる)場合、該当のセレクタの前に *:first-child+html を付与します。例えば、IDセレクタ #banner に適用させる場合、 *:first-child+html #banner { : [IE7用のスタイルを記述] : } となります。 なお、それ以外のブラウザのために、元の #banner の設定は、この追加したセレクタより前方に記述します(下記)。この順番を間違えると期待する表示にならないのでご注意ください。 #banner { : [IE7以外のスタイルを記述] : } *:first-child+html #banner { : [IE7
![小粋空間: IE7 の CSS ハック](https://cdn-ak-scissors.b.st-hatena.com/image/square/1556ab6d980f254e1ee39b8c2fcb798aaf6e19e0/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2Fcat3_80.jpg)