Background image not displaying in chrome browser

Question

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:

Answer 1

I've tested your code using chrome 25.0.1364.172m, all appear OK.

Check it: http://jsfiddle.net/rcHMc/

HTML

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

CSS

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

Answer 2

This is a pretty funny issue which I only figured out when opening your page in Chrome's incognito mode: Your background image is being blocked by AdBlock.

Also, for rendering purposes it's better practice to stick style elements in your page's head.