IEのbox-shadow（CSS3 PIE）が…

質問

CSS3 PIEを使ってIEにbox-shadowをコンテナ全体に施したところ、フッター以下部分の影を含めて画面に表示されてしまいました。

希望としては添付画像の波線以下の部分は画面に表示させずに、フッターを画面最下部にするようにしたいのですが、、、どうしたらいいのでしょうか？

全体の縦幅をIEだけ-30pxにしたいのです。

分かりにくい日本語で申し訳ありません、何と説明したらいいのかが自分でも分かっていなくて・・・。

回答No.1

ORUKA1951

それ以前に、そのHTMLは標準モードで起動してますか？
　IEのみ・・なんて書かれているので？？？
　標準モードでしたら、この手のブラウザ間の誤差はなくなるはずです。
DOCTYPEスイッチ( https://www.google.co.jp/search?q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&hl=ja&client=firefox-a )いまどき互換モードで作成している人はないでしょうが・・

　ボックスのサイズは、paddingの内側です。それを使って配置すれば良いです。
　ルート要素は、ウィンドウ幅を参照します。