浮動小数点を使用したIEでの不要な埋め込み

Question

デザインの長い一日を過ごしましたが、今日は問題が発生しました。ウェブサイトwww.dcninc.com/newtest/security_testing.phpは私が現在作業中の新しいデザインです。

Firefoxで見ると、右の2つのボックスにはパディングがありません（私は問題を解決するためにそれを行いました）。しかし、同じページを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>