Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
HTML page has a background image. Nav menu on left expands on hover to reveal elements. Menu has transparent background.
When the menu grows it clips the background image and moves it down the page behind the menu.
Reduced it to this: http://jsfiddle.net/GgXXh/
Is the background clipping expected behaviour that I don’t understand, or is this a browser bug (Firefox 9)?
It seems to requires that the body be set overflow-y: scroll and the menu float: left to trigger.
Really looks like FF bug. Reproduces with FF 7 also.
Reproduces also without
overflow-y: scrollon body.On Chrome works well.
Changing
background-positiontotop centerfixes the clipping and moving down on the background:http://jsfiddle.net/GgXXh/8/