css background image not displaying in html table

i have added this style to a table

background-image:url(square_image.png); background-size:auto; background-repeat:no-repeat;

However the image is not being displayed in the background.

The demo Jsfiddle link here