css - 動的要素のラッピング

Question

これが私のフィドルhttp://www.jsfiddle.net/UxUMG/です。ドロップダウンメニューがあります。親ulにはbox-shadowプロパティがあります。親メニュー項目にカーソルを合わせると、子ulが影なしで表示されます。メニュー全体を影で包むために私は何をしなければなりませんか？

Answer 1

子クラスを変更して、box-shadowプロパティを含めます

.child {
    display: none;
    position: absolute;
    left: 160px;
    box-shadow: 5px 12px 18px rgba(0,0,0, 0.5);
    top: 0;
    z-index: 1;
}