当浮动div调整大小时奇怪的背景剪切行为

Question

HTML页面有一个背景图像。左导航菜单展开悬停以揭示元素。菜单具有透明背景。

当菜单增长时，剪辑背景图像并将其沿菜单后面的页面向下移动。

它减少到这一点：http://jsfiddle.net/GgXXh/

的背景是预期的限幅行为，我不明白，还是这是一个浏览器错误（火狐9）？

它似乎需要设置身体overflow-y: scroll和菜单float: left触发。

Answer 1

真的看起来像FF bug。也用FF 7再现。 在身体上也没有overflow-y: scroll的再现。

在Chrome上运行良好。

background-position改变到top center修复剪辑和所述背景向下移动：

http://jsfiddle.net/GgXXh/8/