Background image not displaying in chrome browser

I've created a small search widget, however the background doesn't appear when viewing it through chrome. I've tested IE, FF and safari which all appear OK.

http://paradigmsearch.co.uk/widget/?id=1

I'm usually reluctant to put layout issue on SO. However, I've been going over this for a while.

On the element:

<div class="widget" id="id_300x250">

I'm applying the following CSS definitions

.widget {  font-family: arial;  height: 250px;  width: 300px;  border: none;  background: url('/uploads/widget_background/cached/proportional/300x250/1_512648b566578.png') no-repeat center center;}

The background just isn't visible. If this is a really silly mark-up / css oversight then I apologies profusely.

Currently using chrome browser Version 25.0.1364.172m