75% のブラウザーでhttp://joelkidd.co.uk/testを表示すると、サイトは問題なく表示されます。ただし、いつものように、Internet Explorer 9 未満のサイトでは、爆弾がヒットしたように見えます。今朝座って別のスタイルシートを作成しましたが、現在それを行っていますが、問題が発生しました（これは私の最初の相互互換性作業などです）。
ヘッダー要素 (およびその他の div) に背景色を設定すると、完全に無視されます。他の (ほとんどの) ブラウザーでサイトを表示すると、ページの上部 20% (およそ) を覆う大きなビロードの背景が表示されます。
なぜこれが起こっているのか誰かが教えてくれたら、本当に感謝しています。
ありがとう、ジョエル
あなたの痛みが分かります。私はあなたの問題を知っているかもしれないと思います。この小さな javasctipt コードを含める必要があります: https://code.google.com/p/html5shiv/
<header>IE6 などの HTML5 タグを使用しているため、7 と 8 はその意味がわかりません。その小さな JavaScript コードを含めることで、基本的に HTML5 要素が<div>IE6、7、および 8のように表示されます。
もちろん、他のオプションは、すべての HTML5 要素を<div>たとえばに変更する<div id="header">ことです<header>。これは、CSS もすべて変更することを意味します。