css - コンテナの内側の影に浮かぶテーブル

Question

テーブルを内側の影のあるコンテナ内に配置して、ボックスなどの奥深くにあるように見せたいとします。

問題は、表のセルに背景色を指定すると、コンテナーの影の上に浮かんで見えるようになり、見えなくなることです。

z-index は問題を解決していないようです:

http://jsfiddle.net/h9Fdm/

CSS:

 .container {
     box-shadow: inset 0px 0px 5px black;
     float: left;
     width: 100%;
 }
 table{
     width: 100%;
     float: left;
 }
 table tr td{
     background-color: #ccc        
 }

html:

<div class="container">
<table>
    <tr>
        <td>fdsa</td>
        <td>fdsafdsa</td>
    </tr>
</table>
</div>​

Answer 1

コンテナのdivにパディングを追加できます

.container {
     box-shadow: inset 0px 0px 5px black;
     float: left;
     width: 100%;
     padding: 20px;
 }