부동 div 크기 조정시 이상한 배경 자르기 동작

Question

HTML 페이지에 배경 이미지가 있습니다. 좌측의 탐색 메뉴는 호버를 확장하여 요소를 나타냅니다. 메뉴 배경이 투명합니다.

메뉴가 커지면 배경 이미지가 클립되고 메뉴 뒤로 페이지 아래로 이동합니다.

이로 감소 :

는 배경이 이해가 안 행동을 예상 클리핑되어 http://jsfiddle.net/GgXXh/, 또는이 브라우저 버그 (파이어 폭스 9)인가?

몸체는 overflow-y: scroll으로 설정하고 메뉴는 float: left으로 설정해야합니다.

Answer 1

FF 버그와 정말 같습니다. FF 7을 재현합니다. overflow-y: scroll도없이 본문에 재현합니다.

Chrome에서 잘 작동합니다.

background-positiontop center에 대한 수정 클리핑를 변경하고 배경에 아래로 이동 :

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