Как мне получить DIV 100% ширины с тенью-тенью, которая не расширяет горизонтальную полосу прокрутки?

Question

#top_menu {
    background-color: #175274;
    height: 100px;
    box-shadow: 0px 4px 6px #000;
    -moz-box-shadow: 0px 4px 6px #000;
    -webkit-box-shadow: 0px 4px 6px #000;
    width: 100%;
    overflow: hidden;
}

Это то, что у меня сейчас, но, поскольку тень от блока имеет радиус, она автоматически увеличивает ширину DIV, создавая горизонтальную полосу прокрутки.

Answer 1

Создайте оболочку с overflow:hidden; width:100% и удалите overflow из элемента с box-shadow.