FF、Chrome、IE8 +でうまく機能する開発サイト（http://www.tentenstudios.com/clients/swls/our-surgeon）がありますが、IE7では右隅の画像が壊れてしまいます。問題の原因を理解しているようです。右隅の画像は左に浮かぶコンテナDIVにありますが、その上に絶対位置のグラフィックもあり、それがそれと関係があるかどうかはわかりません。
誰もが提供できる助けをありがとう！
リクエストごとに、関連するコードを含むJSFiddleがあります：http：//jsfiddle.net/HyVcG/
また、この作業を確認するには、IEとのリンクを開き、F12キーを押して開発コンソールを表示し、[ブラウザーモード：IE9]をクリックしてIE7に変更します。
の幅と内部マージンの.eightcol合計.fourcolは100％を超えます。一部のブラウザは、他のブラウザとは異なる方法で小数値を丸めることがあります。
65.4546% + 3.63636% + 30.9091% = 100.00006%
これはjsfiddleのデモで、IE6 / 7では右側の列が壊れているが、他のすべてのブラウザーでは問題がないことがわかります。
このCSSグリッドがIE6/7をサポートするように構築されていない可能性があります。他のすべてが失敗した場合は、CSSグリッドの幅またはマージン値の一部を編集またはオーバーライドできます。ただし、CSSグリッドをアップグレードするたびに、変更を再適用する必要があります。より簡単な解決策があるかどうかわからない。
編集：比較のために、整数パーセントを合計して正確に100％になるjsfiddleデモのバージョンを次に示します。