Ajouter un encart box-shadow sur Google Maps élément

Je suis prêt à ajouter un peu de boîtier encastré-de l'ombre à une balise contenant une carte Google Maps élément. Cependant, il semble que rien ne se passe, probablement parce que Google en charge d'autres divisions de l'élément d'origine, donc couvrant l'généré box-shadow.

Comment puis-je obtenir cet effet?

Voici le code que j'ai:

<section id="map-container">
    <figure id="map"></figure>
</section>

#map-container  {
    position: relative;
    float: right;
    width: 700px;
    background-color: #F9FAFC;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#map    {
    position: relative;
    height: 400px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 1px 0 0 #F6F7FB inset, 0 -1px 0 0 #E0E5E1 inset, 0 -2px 0 0 #EBEBED inset, 0 -3px 0 0 #F4F4F6 inset;
}

Merci!

OriginalL'auteur linkyndy | 2012-06-29