Preventing a background image jump
by Matthew James Taylor on 5 October 2007
It turns out that each tab contained a different amount of text so switching tabs caused the overall page to change in length. This was part of the cause. The other contributing factor was the background image position. The image was vertically centered; this meant it was relative to the middle of the page, not the top. When the page length changed, the background image moved relative to the top of the page. This was what made the image jump.
Simply, align your background image to the top of the page and the problem will disappear. It's a good idea to always do this because changing the text size in your browser will also trigger the problem and this can be done on all types of pages.
Follow me on Twitter @mattjamestaylor
Enjoy this article?
If you find my website useful, feel free to donate any amount you wish. It will help pay for my hosting! =)