JavaScriptでお茶を濁す

「アンカーへのリンクがきちんとページ最上段にならない」そりゃそうだ、ページ末端に近いあたりではスクロールするほど高さがない。
「改行入れて調整してくれ」そうは言うけど環境によってウィンドウサイズも文字サイズも違うんだが。あんたの環境でだけ見えれば満足する?
まあ正直それ以前に、見栄えのためだけの要素挿入ってのが腹立たしい。言っても無駄なのが更に腹立たしい。
せめて可能な限りスマートにやろうと、JavaScriptでinnerHeightに等しい高さの透過gif画像を生成することにした。これなら環境に拠らずスクロールの余裕を発生させられるし、無効化も簡単。

document.write('<img src="spacer.gif" width="1" height="' + innerHeight + ">t");

だとFirefoxでしか動かない。IEで見るとdocument.write自体はできてるけどinnerHeightが取れてないようだ。どうすればいいんだろう。IEだとinnerHeight使えないのか?それ以前にdocument.writeしたimgタグが画像としてではなく文字として出力されちゃってるのはどうすれば。