Webkit vs Firefox css

Question

У меня проблема с CSS на chrome/safari/webkit vs firefox.

на 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

После небольшого исследования я наткнулся на другой StackOverflow нить 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>