図面ボックスtheadのまわりの影の影

Question

このフィドルで見るように、http://jsfiddle.net/S8Bne/64/、私はテーブルの周りに（ちょうど外に）ボックスの影を描こうとしています。私が取ったアプローチは、thead領域よりも少し高い高さのdivを作成し、ボックスの影を与えることです。しかし、私はそれを適切に配置することはできません。どうすればいいですか？

どのような解決策も歓迎されます。

Answer 1

theadがdivに含まれていないことが原因です。

私は示すことdivにいくつかのheightを追加しました...

問題：http://jsfiddle.net/jasongennaro/S8Bne/54/

は

.geniusPicks table tr#picksHeading th 

にこの

-webkit-box-shadow:#8A0000 2px 2px 10px; 
box-shadow:#8A0000 2px 2px 10px; 

を追加し、それが動作します。

実施例：

http://jsfiddle.net/jasongennaro/S8Bne/55/だから私は赤の背景を使用していないんだけど、私の実際のCSS/HTMLで動作div