добавление тени для выпадающего меню вторичных ссылок

Question

ниже - JSFiddle для раскрывающегося меню, которое я использую. Использование только css может кто-нибудь, пожалуйста, покажите мне, как добавить тень на вторичную панель (раскрывающуюся панель), поскольку я не очень хорошо разбираюсь в CSS, и я все еще участвую.

http://jsfiddle.net/tcKvH/1/

благодаря

<div></div> 

Answer 1

В простейшем случае вы можете добавить это к вашему CSS.

#menu li ul li{ 
    background: #EEE; 
    box-shadow: 5px 5px 5px #888; 
} 

Но если вам нужна совместимость кросс-браузер, вы должны смотреть в браузере определенные префиксы и фильтры для IE

Answer 2

Попробуйте

DEMO

#menu li a:hover { 
    color:#c00; 
    box-shadow: 10px 10px 5px #888888; 
}