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

经过一番研究，我在这里遇到了另一个 Stack Overflow 问题，但您也可以这样做：

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