結局いくらやってもフッターが下に表示できなかったので、#content の中に入れ込んだ。これだとサイドメニューが長くてエントリが短かくなるインディビデュアルエントリの時、フッターが真ん中のエントリのすぐ下に表示されるのでちょっと嫌だけど。しかたないね。
このバタフライの背景が position:absolute; top:***px; left:***px; と指定しているので、他の #content #container #links #footer(自分で作った)も全て絶対値指定しなければならなくなる。。。。ようだ。（よくわからんの）
仮りに position:relative; でも思った位置に表示されない。またfloat の設定は左右の指定だけのようで、上下の指定が効かなくなった。３日間頑張ったがわからないので、もうこれで諦めるよ。
普通の背景なら float の設定でも良いかもしれないが、このバタフライは背景画像のようでいて背景ではなく、img src で４枚の画像を表示させ、なおかつポジション設定で合体した一枚の画像のように見せているからだ。今後は自分の背景画像でフッター表示させたい。