IE8 上での Silverlight 2

HTML で Silverlight 2 をホストしているんだが、IE8 でみると・・・



なんだこの下のスペースは。
互換表示にすると消えるので、IE8 だけで発生する模様。

そこでさっそく新機能の開発者ツールを使う。
すると IE8 モードだと

　html: 842 x 532
　body: 838 x 528
　div: 821 x 528
　object: 821 x 528

だが、互換表示だとすべて 838 x 528 になっていることがわかった。つまり、html がなぜか 4 x 4 だけ太っているようだ。div が細くなっているのはたぶんスクロールバーの分。

上の画像だと 4px 以上の高さがあるように見えるが、Safari 対策用の iframe のスタイルに { display: none; } を加えると、スペースは小さくなって高さ 4px になる。なおこの iframe 、IE8 モードだと 5 x 532 のサイズになっている辺りが謎 (width と height は 0 に指定してあるのに) 。

ひとまず html, body { overflow: hidden; } にして回避することにする。