ie7下的问题

<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;}