I'm working on a site, trying to get the background image to sit at the bottom of the page. Viewed on my laptop the image is on the bottom (screen size?). When viewed on pc with 22 inch monitor, the image is near the top. Here is the test site. http://kenerly.com/test/
the background image size & monitor size
both matches on your laptop, that is why it is showing at the bottom - just by doing the background position bottom will not help - the div itself aligned to the top. It does not make any sense to align the content of the page to the bottom, but if you're to do that - you can use absolute positioning here...do you know that logic?
Thanks surajnaikin I went
I went with the absolute positioning.
still some issues
There is still some issue with this approach, on a bigger resolution. Try Ctrl + minus in browser to reproduce this issue.
Instead try one of the technics mentioned here
another issue with low height browser viewport
It is understandable that you want the hut to be at the bottom of the mountain, set a min height so that it generates a scroll on lower resolution.