CSS在使用浮动的IE中不需要的填充

Question

今天已经过了漫长的一天，我遇到了一个问题。网站www.dcninc.com/newtest/security_testing.php是我正在工作的一种新设计。

如果你在Firefox中查看它，你会发现在右边的两个框中没有填充（我故意故障排除我的问题）但是，如果你在IE中查看同一页面，它会向右侧添加填充侧。下面是我的CSS和HTML。

• http://pastebin.com/hRxZp9ub
• http://pastebin.com/YwSYn7ti

Answer 1

尝试将此添加到头部

<!--[if lt IE 8]> 
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script> 
<![endif]--> 

Answer 2

您有相互嵌套具有的250

喜欢这张宽度的元件，

<table width="250"><tr width="250"></tr><table width="250"></table></table> 

由于已有一些宽度用完填充，没有250像素免费空间放在桌子里面。我会尝试降低内部元素的宽度10-20像素。

希望这会有所帮助。这里的标记，我引用，

<table border="0" cellpadding="0" cellspacing="0" width="250"> 
<tr> 
<td width="250" height="9" style="background:url(Images/right_box_gray_top.png) no-repeat;"></td> 
</tr> 
<tr> 
<td style="background:url(Images/right_box_gray_middle.png) repeat-y" width="250"> 
<div class="list-right-info"> 
<table border="0" cellpadding="0" cellspacing="0" width="250"> 
<tr> 
<td width="40"><img src="Images/icons/phonepic.jpg" border="0" /></td> 
<td><center>CALL US TODAY<br /> 800.xxx.xxxx</center></td> 
</tr> 
<tr> 
<td></td> 
<td></td> 
</tr> 
</table> 
</div> 
</td> 
</tr> 
<tr> 
<td style="background:url(Images/right_box_gray_bottom.png) no-repeat" width="250" height="108"></td> 
</tr> 
</table>