私は自分のページをナビゲートするために折りたたみ可能なリンクを作成しました。ナビゲーションバー内のすべてのメニューアイテム（垂直、nav div left float）も独自のdivです（折りたたむために必要です）。各divは、テキスト付きのボタンとしてスタイリングされています。box_shadowエフェクトを近くのすべての要素にオーバーラップさせる方法はありますか？
私は、ホバー擬似要素のぼかし半径が比較的大きい明るい色のbox_shadowを使用しました。今、各ボタン/ divの上にマウスを置くと、ボタン/ divが点灯（良）し、その上にあるボタン/ divの上に光がこぼれ落ちるように見えます。残念ながら、私が上に乗っているものの下にあるボタン/ divは、点灯していない領域の上に浮いているように見えます。
box_shadowスタイリングを、カーソルが上にあるdivの上と下の両方のdivに重なるようにする方法はありますか？スタイリングはdivにのみ適用され、リンクには適用されないため、私のサイトの他のリンクは影響を受けません。
私は完璧な（IMO）デザインへの道のりの99％ですが、この1つの小さな問題は、通常私がリファレンスとして使用するチュートリアルのどこにでも、またはそれ以外のところでは答えがないようです。
フィドル：http://jsfiddle.net/nrkYr/5/embedded/result/
画像：http://desolosubhumus.webs.com/div%20overlap.jpg
本部CSS：
.mH { cursor: pointer; width: 110px; background-color: #A0522D; color: #000000; font-family: "DreamerOne","sans-serif"; text-shadow: -1px -1px 1px #fc9c47, 1px 1px 1px #fc9c47, 1px 1px 2px #300b00; border: 0 solid #210a02; border-radius: 1em; font-size: 0.9em; font-weight: bold; text-align: center; margin: 1px; box-shadow: inset 0 0 4px 4px #210a02; }
.mH:hover { cursor: pointer; width: 110px; background-color: #F5A77F; font-family: "DreamerOne","sans-serif"; color: #c96914; text-shadow: -1px -1px 1px #210a02, 1px 1px 1px #210a02, 1px 1px 2px #000000; border: 0 solid #876e68; border-radius: 1em; font-size: 0.9em; font-weight: bold; text-align: center; margin: 1px; box-shadow: inset 0 0 4px 4px #432c24, 1px 1px 35px 1px #D87824, -1px -1px 35px 1px #D87824; }
*更新：ベンダープレフィックスを必要とするが、私の最後のバグでした。私は両方のブラウザをもう一度ダウンロードして再インストールしました。現在、ボックスシャドウとボーダー半径は4つのブラウザすべてで動作しています（Safariはデフォルトの 'Appleのものを購入する'ページから離れたときにクラッシュします。 。ここでCSSを更新し、ちょうど1秒でフィドルを更新します。 G'bye cruft ...
あなたは[フィドル]（http://jsfiddle.net/）を作成してくださいことはできますか？また、 'border-radius'と' box-shadow'にもベンダー接頭辞は必要ありません。 –
Opera、IE、FF、Chrome（最新バージョン）でテストしましたが、ベンダーのプレフィックスなしにFFやChromeでスタイリングが動作しないようです。おそらく、これは私の最後のバグです。私はバイオリンが何であるか（バイオリンの素朴な名前以外）は分かりませんが、私はそれを調べます。 –
Fiddlesを作成するときは、最小限の例にしてください。それでも問題を実証しながら、可能な限り小さくしてください。 –