可変画像の下にdivを後続で配置させるには？

http://www.jormungand.tv/ 上記サイトのトップページで、ソースを見ると「<img id="index"＞」をCSSにて「position:absolute;　width:100%;」とすることにより、画像を背景画像のようにしてウィンドウサイズに合わせて拡大縮小させているようです。 そこまではわかるのですが、そのあと「<div id="footer">」が、その可変画像の下に続いているのが、どうやってやっているのかわかりません。 上記サンプルサイトのように、 「position:absoluteの可変画像」の下に、「divなどブロック要素を後続で続けて配置する」方法を教えてください。よろしくお願いします。