Странное поведение при обрезке фона при изменении размера div

Question

HTML-страница имеет фоновое изображение. Нав меню слева разворачивается при наведении на элементы. Меню имеет прозрачный фон.

Когда меню увеличивается, оно обрезает фоновое изображение и перемещает его вниз по странице за меню.

Уменьшено до этого: http://jsfiddle.net/GgXXh/

Это ожидаемое поведение фонового отсечения, которое я не понимаю, или это ошибка браузера (Firefox 9)?

Кажется, требуется, чтобы тело было установлено overflow-y: scroll и меню float: left для запуска.

Answer 1

Действительно выглядит как ошибка FF.Воспроизводится с FF 7 также.Воспроизводит также без overflow-y: scroll на теле.

На Chrome работает хорошо.

Изменение background-position на top center исправляет отсечение и перемещение вниз на фоне:

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