CSS Нежелательная прокладка в IE с использованием поплавков

Question

Это был долгий день проектирования, и сегодня я столкнулся с проблемой. Веб-сайт www.dcninc.com/newtest/security_testing.php - это новый дизайн, над которым я сейчас работаю.

Если вы просматриваете его в Firefox, вы заметите, что на 2 правых бокса нет прописных букв (я сделал это специально для устранения проблемы). Однако, если вы просматриваете ту же страницу в IE, она добавляет пробел вправо боковая сторона. Ниже приведены мои CSS и HTML.

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

Answer 1

Try, чтобы добавить это к заголовку

<!--[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>