同じ内容をフレーム分割と対象ページで異なる

質問

ルビーもFirefoxでも表示しようと作成しましたがＩＥ９で下記の写真のように表示されました。
下の写真は、左側がフレーム分割の表示　右側が対象ページの内容です。
なおＭＡＣブラザーでも縦書きは、ＩＥ6のみ　1文書を除いて問題なく表示していますが。
ソース
<div style="margin-left:9em;"><div style="margin-bottom:-0.6em;font-size:0.71em;">うえ</div></div>
<div style="width:9.2em;float:left;margin-top:0.4em;">１駿州庵原之郡樽野</div><div style="width:1.2em;float:left;margin-top:0.4em;">上</div><div style="width:25em;float:left;vertical-align:top;">村武田甚右^衛門子ニ、兄に左次右衛門</div></div>

<div style="width:57em;clear:both;margin-top:0.4em;"><div style="margin-left:7em;width:9em;float:left;vertical-align:top;">額</div><div style="width:6em;float:left;vertical-align:top;"><div style="font-size:0.71em;">おなじく</div></div><div style="width:7em;float:left;vertical-align:top;">房</div></div>
<div style="width:57em;clear:both;">　て、しゝのひたゐしろく、せすじ　同 　<a href="javascript:gk_c1('t-03');">しゝふさ</a>のことく成</div>

お分かりの方いましたら教えて下さい。

フレーム分割ページ
http://ryuso.info/h/h002e5m.htm
対象ページ
http://ryuso.info/h/heng2da.htm

回答No.1

tracer

とりあえず、質問の意味が掴めないのは私だけなのでしょうか。
些細なアドバイスですが、「てにをは」をちゃんとした方がいいですよ。

補足

IE9のバッチで見た場合だけでＩＥ８では、問題なく表示しています
<div style="width:9.2em;float:left;margin-top:0.4em;">１駿州庵原之郡樽野</div><div style="width:1.2em;float:left;margin-top:0.4em;">上</div>
フレー部分割の場合
１駿州庵原之郡樽 上
野

対象ページの場合
１駿州庵原之郡樽野上

オンラインで参照の場合は、問題無く表示します