ホームページのレスポンシブ ワードプレス テーマ バージョンのプロトタイプを開発しています。ホームページのフェーダーで問題が発生しています。
http://dev.epicwebdesign.ca/epicblog/
画像が切り替わると、position:absolute を使用して画像をオーバーレイし、position:relative に戻ります。
オーバーラップしないように、#wrap の左上隅ではなく、メニューの左下隅に対して絶対値を相対的にする必要があります。
次のようなコンテナー div に入れてみました: http://wiki.orbeon.com/forms/doc/contributor-guide/browser#TOC-Absolutely-positioned-box-inside-a-box-with-overflow:- auto-or-hiddenですが、うまくいかないようです。
何か案は？
IE には CSS の互換性に大きな問題があります。Chrome で試してみてください。http://epicwebdesign.caのようになります。ブラウザ ウィンドウが横方向に縮小されると、テーマ全体が補正されます。