ie7_html/css_WEB-ITnose での問題

ie ブラウザ

<div class="shaper">			<table width="auto" cellpadding="0" cellspacing="0" border="0">				<tr>					<!--柱状图循环此处的ul-->					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<!--柱状图ul结束-->					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>					<td>						<ul>							<li class="shape_orange" style="height:50%"></li>							<!--动态获得的数据直接替换这里style里面的height值-->							<li class="shape_green" style="height:42%"></li>						</ul>					</td>				</tr>				<tr>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>					<td><p class="shaper2">一中队</p></td>				</tr>			</table>		</div>

.shaper{border:3px solid #d1d3d4;background:url(../images/shapecontentbg.jpg) repeat;margin-left:75px;min-height:199px;overflow:auto;}.shaper ul{width:64px;height:199px;position:relative;left:14px;}.shaper ul li{float:left;width:32px;background-image:url(../images/shaapelibg.png);position:absolute;bottom:0;}.shape_orange{background-position:0 0;}.shape_green{background-position:100% 0;left:32px;}

X 軸にたくさんあるかもしれないと確信が持てなかったので、スクロール バーを追加しました。ただし、ie7 では、ヒストグラムが多い場合、ブラウザが直接開かれました。スクロール バーはまったく効果がありません。ヒーローたちに救助を要請します。

ディスカッション（解決策）への返信

IE7では本当に大丈夫です、すべてが正常です

そして、スクロールバーをスクロールすると、下の戦隊だけがスクロールし、上の棒グラフはまったく反応しません。アドバイスください
orz