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>