Как заставить изображение оставаться внизу, а не подниматься вверх

Question

Как заставить изображение оставаться внизу, но не подниматься с помощью css при изменении размера браузера или при просмотре на небольшом экране.

Вот что у меня сейчас: http://graves-incorporated.com/test_sites/solera2012/test/home-pg.html

На моем экране выглядит нормально (он перекрывает примерно 150 пикселей от нижней части основной области, что яхочу), но если я уменьшу экран, нижний рисунок поднимется слишком высоко.

Прямо сейчас я просто поместил его как изображение BG:

background-image: url(images/footer_pattern.png);
background-repeat: repeat-x;
background-position: bottom;
background-attachment: fixed;

Надеюсь, это имеет смысл.Пожалуйста, помогите!

Answer 1

Поскольку содержимое вашего сайта находится в фиксированном положении, вы можете попробовать вместо него использовать background-position: 0px 300px;. Это сохранит изображение в фиксированном положении, а не в нижней части.