Только в Safari - позиция: фиксированная дочерняя часть обрезается, когда родительская позиция: фиксированная и переполн ⇐ CSS

[Anonymous]

Я вижу эту проблему только в Safari (6.1 os x)

Когда для родительского элемента установлено значение Position:fixed; overflow:hidden, а для дочернего элемента установлено положение:fixed, и часть его переполняет родительский элемент, он обрезается.

Проверьте этот jsfiddle в Chrome и Safari, чтобы понять, что я имею в виду: http://jsfiddle.net/y2dg65y7/3/

Код: Выделить всё

Why is cut off in Safari?



.wrapper {
position: fixed;
overflow: hidden;
width: 200px;
height: 400px;
background-color: red;
}

.inner {
position: fixed;
top: 50px;
left: 40px;
width: 400px;
height: 200px;
padding: 20px;
background-color: silver;
}

Это ошибка в Safari?
Есть идеи? Обходные пути?

Подробнее здесь: https://stackoverflow.com/questions/267 ... nfixed-and