html - ブラウザのバージョン間でテーブル内のネストされた div に挑戦する

Question

このレイアウトの問題は尽きません。1 つのブラウザー バージョンで相互に関連する要素を修正するために変更を加えると、他のすべてのバージョンがうまくいかなくなります。私はこの問題に何ヶ月も取り組んできましたが、あまりにも長すぎます。

以下のコードは、ネストされた 3 つの div を表しています。内側のものは、ナビゲーション ツリーでインポートされた XML データを取得します。何をしても、UI がページ全体に散らばってしまいます。解決策のアイデアは大歓迎です。前もって感謝します：）

更新: 理由はわかりませんが、含まれているコードが途中で途切れています。見ている人がコードを見るのに問題がある場合は、私に知らせてください。ありがとう！

 <tbody style="display:block; height:100%; max-height:754px !important">
    <tr id="tdHeightAdjust" valign="top" style="background-color:#f0f0f0;      height:22px;">
     <!--   <span style="height:22px; background-color:#f0f0f0;">-->
        <td style="width:30%;" rowspan="3">
                                                                                                  <div style="width:100%;height:100%;overflow:hidden;background-color:white">     
                 <!--;border-right:solid 1px #999999;-->
       <div id="TreePaneDiv" style="width:100%;height:100%;border-left:1px solid #999999;border-top:1px solid #999999;background-color:White;"> 
<div onselectstart="stopSelectStart();" class="Tree-container"   id="TREEAPPTARGETDIV"     style="background-color:white;padding:6px;height:750px;max-height:100%;max-width:100%">
       </div>
                </div>
            </div>
        </td>
         </tr>
    </tbody>