Как заставить фоновое изображение растягиваться, если я динамически вставляю DIV в середине страницы

Question

У меня есть фоновое изображение, которое я применяю к телу. Изображение находится только внизу и растягивается на всю ширину страницы. Изображение 1 х 320 пикселей.

body {
    background-image: url("../images/bg-main.gif");
    background-position: 0% 100%;
    background-repeat:repeat-x;
}

Остальная часть моего веб-сайта имеет разрешение 1024 X 768.

Это работает отлично, пока я не вставлю динамически новый DIV в середину страницы, используя javascript. Это приводит к появлению полосы прокрутки браузера, и когда я прокручиваю вниз, я вижу, что изображение останавливается прямо в исходном положении.

Как я могу заставить мое изображение снова опуститься, не перезагружая страницу ??? Я использую инфраструктуру EXTJS, чтобы избежать перезагрузки страницы ...

Спасибо Alain

Answer 1

я предполагаю, что это только IE, попробовать:

background-position: 0 bottom;

если мое понимание "изображение только внизу" верно

Если это не удастся, и hasLayout на теле может работать, попробуйте комбинации

body
{
    width: 100%;
    position: relative;
}