.myclass{
background-image: url('http://image.flaticon.com/icons/svg/34/34164.svg');
background-repeat: no-repeat;
background-size:contain;
background-position: 1.5%;
}
Every row (tr) in my table is assigned the class myclass: <tr class="myclass">
In Firefox, the image only appears in all cells of the first column of the table, but in Chrome and Opera, the background image shows up in all cells of the table. How can I ensure it displays only in the first column in Chrome and Opera as well?
Here is the HTML code:
<table>
<tr class="myclass">
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr class="myclass">
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
</table>