オーバーラップの修正方法は？

Question

昨日私はちょうどMagentoのウェブサイトを開発しましたが、私は区切るとIE7のスタイルシートが、何が起こる使おうと...これはただのメニューと重なるDIVので、バナーが重なって修正する方法に問題があります。.. :(

http://thaiamuletstore.com/main1/index.php/

はホバリングしてみてくださいメニュー - > STORE->お守り各種タイプ - >グレートJatukham

ie7.css 


@charset "utf-8"; 
/* CSS Document */ 


#example-one .nav { overflow: hidden; margin: 0 0 0 0; background:url(../images/tab-border.gif) repeat-x 80px; height:87px; } 

.block-subscribe { padding-left: 15px!important; padding-right:15px; margin-top:20px;} 



.nav-container { float:left; } 

.mw_footer { clear:both!important; } 

.account-login .col2-set .registered-users { width:435px; } 

.account-login .col2-set .new-users { width:430px; } 

.account-create .buttons-set { width:550px; } 

.block-subscribe { padding-left:5px!important ; height:127px; padding-bottom:0px!important } 

.block-content .newsbut { height:21px!important; } 

ul li ul li ul li a.level1 { zoom:1; }  <-- i try control with this 

Answer 1

オプションがいくつかあります

最も簡単な、であなたのメニューを配置することです可能であれば。ページの一番下に移動し、絶対配置で移動します。これは、IEがz-indexを駄目にし、それを騙す最も簡単な方法は、HTMLコードを最後の項目として生成することです（他のHTMLの上に置く）。

これは、Flash、Silverlight、またはJavaアプレットではまだ上にスニークされません。

また、（最初のオプションはもっと好きですが）IFRAMEをメニューの下に置き、カバーしたい領域を埋めてください。これは、位置情報要素に関するIEのすごいアイデアのほとんどを「修正」します。しかし、私が言ったように、あなたがHTMLページの一番下にメニューを移動することができれば、それはあなたの最善の策です。