Фон не привязывается к низу страницу

[Kurilshik]

Всем привет!

Столкнулся с проблемой, на странице где может быть минимум текста, а может быть 3-4 экрана текста

необходимо размещать в самом низу в BODY фон.

Прописываю фон таким образом:

html, body{height:100%;}

body{background:#dafcff url(img/bg.jpg) bottom center no-repeat;}

В итоге, фон не крепится снизу страницы, а остается в самом верху

http://popov.ints.net/_projects/scandilife/verstka/test.html

Если убрать высоту боди и html, тогда всё работает для большого кол-ва текста

но не работает для маленького объема

http://popov.ints.net/_projects/scandilife/verstka/test2.html

Может быть кто-то сталкивался с подобным?

[bio]

http://jsfiddle.net/FfGWC/

нужно просто вставить элемент и растянуть на 100%.

[Kurilshik]

Спасибо помогло!

Еще самостоятельно решил таким образом

1. высота для боди и хтмл

2. минимальная высота для боди

всё работает везде