Kox Blog

IE7のズーム機能によりレイアウトが崩れることはよくあります。
大概の場合はIE7のズーム機能でバグる(http://gyauza.egoism.jp/clip/archives/2007/05/ie7-haslayout-bug/)で対応できます。
また、IE7.jsを使うことでも対応できそうです。

しかし、
スクロールがついているテーブルの挙動の制御ができません。
<div>タグ内に<table>タグが入った状態でのスクロールです。

  <div style="width:300px;height:100px;overflow:scroll;">
    <table style="width:500px;" border="1">
    <tr>
      <td>あいうえおかきくけこさしすせそ</td>
      <td>たちつてとなにぬねのはひふえほ</td>
    </tr>
    <tr>
      <td>まみむめもやゆよ</td>
      <td>abcdefg</td>
    </tr>
    <tr>
      <td>あいうえおかきくけこさしすせそ</td>
      <td>たちつてとなにぬねのはひふえほ</td>
    </tr>
    <tr>
      <td>まみむめもやゆよ</td>
      <td>abcdefg</td>
    </tr>
    <tr>
      <td>あいうえおかきくけこさしすせそ</td>
      <td>たちつてとなにぬねのはひふえほ</td>
    </tr>
    <tr>
      <td>まみむめもやゆよ</td>
      <td>abcdefg</td>
    </tr>
    </table>
  </div>

結果（拡大・縮小してスクロールしてみてください）

倍率100%以外にした場合、
縦スクロールに関しては正常に動くのですが、横スクロールはテーブルの罫線のみ移動し中身が移動してくれません。
（倍率を100%に戻すと元に正常に動作します。） 現状で対応策を見つけることができませんでした。
何か方法があるのでしょうか？