Css box shadow на отключенном контейнере

Изменить: более общий вопрос: Мне нравится тень на divs, однако, когда я помещаю div непосредственно под div box-shadow'd, эта нижняя часть тени не накладывается сверху, несмотря на беспорядок с z-индексами. Итак, похоже, что тень окна не может накладывать другой div? Любые идеи были бы замечательными!

оригинальный вопрос- Я использую план для макета. Это означает, что существует контейнер 950px, который затем содержит #content.

В этом случае #content заполняет весь контейнер, а также 950px.

Я хотел бы иметь тень на #content, но проблема в том, что тень отключается, поскольку в .container нет места, чтобы увидеть ее.

Обходной путь состоял в том, чтобы уменьшить ширину #content, но это испортило расположение макета, которое у меня уже есть, и выглядит слишком узким.

Есть ли способ получить тень окна, чтобы игнорировать родительский контейнер и появиться над ним? Я не думаю, что это конкретный план, но это контекст. спасибо!

EDIT:

body .container {
    margin: 0 auto;
    overflow: hidden;
    width: 950px;
}
body .container:after {
    clear: both;
    content: "";
    display: table;
}
#content {
    display: inline;
    float: left;
    margin-right: 0;
    width: 950px;
    box-shadow: 0 0 4px black;
    -moz-box-shadow: 0 0 4px black;
}

#content находится непосредственно в .container. Если я поставлю тень на #content, вы не сможете ее увидеть, пока я не скрою ширину, которая будет беспорядочна с внутренними элементами.

Ответы

li:hover {
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
}