IE7でアクティブなナビゲーション「ジャンプ」

Question

私が取り組んでいるサイトはhereです。 IE7では

ONLY：ユーザーがアクティブでないタブ上にかざしたときに出る

アクティブなナビゲーションタブは、「ジャンプ」。

スクリーンショット：

誰かがこの問題を解決する方法を説明できますか？

Answer 1

あなたの/css/app.min.cssファイルにあなたの「アクティブな」クラスに問題があるか、あるいは誤って動作しているjavascriptがあることがわかりました。あなたが言っているかもしれない、 "Duh！"

手元にあるツールではわかりません。一方、問題のリンクから「アクティブ」クラスを削除したときに、「飛び降り」が発生しないことがわかりました。しかし、このリンクはナビゲーション内の残りのアイテムを気に入っていたようで、あなたはそれを見たいと思っています。

スクリプトのどこかで問題が発生していて、それが何であるのかわからない場合は、おそらくクラスの名前を変更し、リンクをアクティブに設定するロジックを見つけて新しいアクティブクラス。

「アクティブ」クラスに関連付けられている既存のスタイリングをコメントアウトしてから、以前のスタイリングの一部を再導入し、小さな変更ごとにページをリフレッシュすることで、問題。

私はこれらを変更する必要がある問題のスタイルのすべてであると考えて：

#tabnav ul#dash-nav li.active a{ 
    margin-left:-8px; 
    margin-right:-6px; 
    margin-top:-6px; 
    position:relative; 
    background-color:transparent; 
} 

#tabnav ul#dash-nav li.active a span{ 
    background:url("/images/bg-nav-hover-l.png") no-repeat scroll 0 0 transparent; 
    color:#fff; 
    padding:7px 1px 1px 18px; 
} 

#tabnav ul#dash-nav li.active a .arrow{ 
    display:block; 
} 

#tabnav ul#dash-nav li.active a:hover .arrow{ 
    display:block; 
} 

#tabnav ul#dash-nav li.active a img,#tabnav ul#dash-nav li a:hover img{ 
    margin-top:-21px; 
} 

#tabnav ul#dash-nav li.active a em{ 
    background:url("/images/bg-nav-hover-r.png") no-repeat scroll 0 0 transparent; 
    height:34px; 
    width:17px; 
} 

Answer 2

どのように条件付きコメント内IE7の修正を置くことについて？