Webkit vs Firefox css

Question

我在chrome/safari/webkit vs firefox上遇到CSS問題。

在firefox上，表格大小的背景圖片看起來是正確的。在鍍鉻邊緣切斷。

http://stage.schoolforcreativestartups.com/fees-funding/

任何人都可以點我在正確的方向？

<table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2"> 
    <tbody> 
    <tr style="background-image: url('http://stage.schoolforcreativestartups.com/wp-content/uploads/2013/07/yello‌​w_stripe.png'); background-repeat: no-repeat;background-position: center top;border-collapse:collapse;"> 
     <td style="vertical-align: top; font-weight: bold;font-size: 25px; padding-top:14px;padding-left:12px;color:#5A5494"> 
      Angel Society Bursary<br></td> 
     <td>&pound;1,000<br></td> 
     <td>&pound;2,500<br></td> 
     <td>Unlimited*<br></td> 
    </tr> 
    </tbody> 
</table> 

Answer 1

了一些研究之後，我遇到了另一個計算器線程here但你也可以這樣做：

<tr> 
<td> 
    <table style="background-image: url('http://stage.schoolforcreativestartups.com/wp-content/uploads/2013/07/yello‌​w_stripe.png'); background-repeat: no-repeat;background-position: center top;border-collapse:collapse;"> 
    <tr> 
     <td style="vertical-align: top; font-weight: bold;font-size: 25px; padding-top:14px;padding-left:12px;color:#5A5494"> 
     Angel Society Bursary<br></td> 
     <td>&pound;1,000<br></td> 
     <td>&pound;2,500<br></td> 
     <td>Unlimited*<br></td> 
    </tr> 
    </table> 
</td> 
<td>&pound;1,000<br></td> 
<td>&pound;2,500<br></td> 
<td>Unlimited*<br></td> 
</tr>