css - WebKit と Firefox CSS の比較

Question

Chrome、Safari、および WebKit と Firefox の CSS に問題があります。

Firefox では、表の行のサイズの背景画像が適切に見えます。Chrome では、エッジが切り取られます。

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

少し調査した後、ここで別のスタック オーバーフローの質問に出くわしましたが、これを行うこともできます。

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