Safari 6.1隐藏内部div，当外部div有位置：fixed和overflow：auto

Question

在某些情况下，Safari似乎已经改变了父母之外的子对象渲染。

设定：

• 包含position:fixed和overflow:auto
的父（#outer）div
• 带有position:fixed且位于父级上方或下方的儿童（#inner）div

示例： http://jsfiddle.net/2tp9R/

我只能在safari 6.1中重现这一点。 Firefox，Chrome和IE将这个孩子变成了以前的野生动物园。

问题：如何解决这个问题？

P.S。 Jeopardy!-ish question

Answer 1

解决方法

如果overflow:auto被删除或fixed更改为absolute则会显示该孩子。

示例：http://jsfiddle.net/5kfbe/

这可能无法在所有情况下解决问题，例如，当您需要在父级div上设置overflow:auto和position:fixed时。有人有更好的解决方案吗？