Gradient Problems

Works in Firefox but not Chrome or IE

HTML

<table>
    <tr>
        <td>enemy</td>
        <td>lasagna</td>
    </tr><tr>
        <td>robust</td>
        <td>below</td>
    </tr><tr>
        <td>wax</td>
        <td>semiautomatic</td>
    </tr>
</table>

CSS

tr {
        color: white;
        background: linear-gradient(to bottom right, blue, red);
        position: relative;
        display: block;
    }