Zobrazování prvku na konci stránky

Ahoj, může mi někdo prosím poradit? Jde o to, že pokud obsah stránky nemá dostatečnou ,,výšku“ vzhledem k oknu prohlížeče, tak „černý pruh“ na konci stránky není odsunut nakonec okna – chtěl bych, aby ten „pruh“ byl vždy dole. Na jiných stránkách, kde je víc obsahu je ten „pruh“ odsunut nakonec = zobrazuje se, tak jak bych chtěl . Zkoušel jsem např. tomu pruhu nastavit { position: absolute; bottom: 0; }. Poté se „pruh“ zobrazoval správně – dole, ale potom na dlouhých stránkách byl pořád dole v rámci velikosti okna, takže překrýval text a při posunutí stránky se neposouval (viz. screen).
Špatně zobrazené
Po nastavení postion a bottom
Po nastavení postion a bottom - posunutí stránky

Díky, to jsem už zkoušel, ale nefungovalo mi to.....Vyřešil jsem to pomocí JQUERY.