すべての主要なブラウザ（Chrome、Firefox、IE8 +、Safari）で動作するHTMLとCSSのメニューを作成しました。あなたはここでそれを見つけることができます：http://www.calvaryccm.com/MenuTest.aspxInternet Explorer 7 CSSメニューの位置付け
問題は、私は効果のために、いくつかのJSを使用して、ホバーメニューを持っているIE 7
で発生します。私はIE7でそれをレンダリングしようとすると、これは何が起こるかです：
私は、テキストの下にメニューを配置する方法を考え出すいくつかの助けを必要としています。ご協力ありがとうございました！
.blockまたは.navを以下のセレクタで使用するかどうかはわかりません。私が.blockに行ったのは、それが要素に適用されているのを見ることができるからです。
.block ulで、overflow: hiddenを削除します。.block liには、position: relativeを追加します。.block ul.nav ulには、left: 0を追加します。あなたは今infamous IE6/7 z-index problemを持っている：
position: relative; z-index: 3を追加し、.block ulに、この場合にはそれを修正するには。z-index: 3は、#player-areaのz-indexよりも1つ高い値にする必要があります。また、「ホバー」クラスを追加するためにjavascriptを使用する必要はありません。
ul.nav > li:hover
これはうまく機能しました。あなたの助けをありがとう！ –