box-shadow - получить только границу снизу, а не справа и снизу - почему?

Question

Я бы хотел, чтобы у данного div был тень на нижней и правой сторонах.

#navigation-and-slideshow {
    overflow: hidden;
    background-color: #fff;
    padding: 10px 1%;
    box-shadow: 2px 2px 5px #222;
}

Я получаю только дно во всех протестированных браузерах. Может кто-нибудь помочь мне решить эту проблему?

Спасибо

Answer 1

Ширина вашего div растет по всей ширине окна браузера. В Firefox и Chrome тень рассматривается вне общей области окна и поэтому не может быть видна. В Opera площадь окна увеличена для размещения теней. Полоса прокрутки появится в окне браузера. Если вы прокрутите вправо, вы увидите тень правой границы.