IE8顯示圖像

在我的網站之間的分隔我有四個圖像設置與下面的代碼IE8顯示圖像

 <div id="tempo_main"> 

     <div id="tempo_content"> 
      <div style="text-align: center;z-index: 3;position: absolute;right:350px; left:350px; top: 305px; overflow: hidden;"><img alt="PW" src="/media/1001/prospectLogo.jpg" width="319" height="115" /></div> 
<table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="black"> 
    <tr>  
     <td align="right"><a href="/ourwines/whites.aspx" ><img src="media/1012/intro_3_Fade.gif" border="0" onmouseover="this.src='media/1013/intro_3_Original.gif'" onmouseout="this.src=src='media/1012/intro_3_Fade.gif'" height="250" widht="357" /></a></td> 
     <td align="left"><a href="AwardsAccolades.aspx"><img src="media/1008/intro_1_Fade.gif" border="0" onmouseover="this.src='media/1009/intro_1_Original.gif'" onmouseout="this.src=src='media/1008/intro_1_Fade.gif'" height="250" width="357" /></a></td> 
    </tr> 
    <tr>  
     <td align="right"><a href="/winery.aspx"><img src="media/1014/intro_4_Fade.gif" border="0" onmouseover="this.src='media/1015/intro_4_Original.gif'" onmouseout="this.src=src='media/1014/intro_4_Fade.gif'" height="250" width="357" /></a></td> 
     <td align="left"><a href="#"><img src="media/1010/intro_2_Fade.jpg" border="0" onmouseover="this.src='media/1011/intro_2_Original.jpg'" onmouseout="this.src='media/1010/intro_2_Fade.jpg'" height="250" width="357" /></a></td> 
     <td height="25"></td> 
    </tr> 
</table>

我在別人的舊代碼工作這是超過5年前做了一個網站方！所有的東西都可以在Chrome瀏覽器上運行，但只是IE8會在圖像之間產生這種差距。

下圖顯示了一個問題的例子！頂級瀏覽器是IE8，底部瀏覽器是Chrome瀏覽器。注意從底部的兩個圖像分割頂部的兩個圖像的線。

enter image description here