Opera css: ошибка box-shadow

Question

Я был занят созданием своего сайта, однако в процессе тестирования моей главной страницы в Opera я заметил, что добавляется горизонтальная полоса прокрутки.После вырезания битов из моей страницы я заметил, что если я оставлю только один div с функцией ID, проблема все равно будет возникать.Я пытался найти его, не мог ничего найти ... нигде.Вот ссылка на страницу с описанием проблемы Opera Box Shadow Bug Важно отметить, что это происходит только в Opera, и как часть спецификации CSS3 указано, что box-shadow не имеет высоты или ширины.У кого-нибудь есть простое решение для этого?Единственное, что я нашел, это сработало, это поместить содержащий Div вокруг блока div или вокруг нескольких div и установить overflow: hidden;, что далеко от идеала.Я не проверял Opera для Windows, но это происходит в Opera для Mac (v11.50).

Answer 1

Ошибка, кажется, решена, по крайней мере, в Opera 11.60.

Answer 2

Я протестировал ваш файл в Windows Opera, и он отображается так же.Единственный способ, которым я смог заставить это работать, - это также обернуть div вокруг вашего #feature div, добавить переполнение: скрытый и большую высоту.Вот мой код

html, body {
margin: 0;
padding: 0;
}
#hidden{
height:400px;
overflow:hidden;
}
#feature {
width:100%;
height: 375px;
background: #000;
box-shadow: 0 4px 4px 4px #000;
}


<div id="hidden">
   <div id="feature">
   </div>
</div>

Кроме этого, я бы использовал изображение шириной 1px с повторением.