Why does my background image only sometimes show? I have a background image set for #region-header-first on this page http://www.smith-howard.com/resources?type=article&amp;sort_bef_combine=created%2BDESC

However, it only shows sometimes in Chrome (mostly not). If I clear all Drupal caches (and browser cache) it will show once, but on the first refresh and so on it doesn't show any more.

If i check web inspector in safari (where it always works), it definitely shows the background image in the CSS.

#region-header-first background:url(http://www.smith-howard.com/sites/default/files/resources-articles2_0.jpg);


But inspecting it in Chrome doesn't show that the background image is set in the CSS at all. This is just mind boggling.
Any help is greatly appreciated.
To fix it, if you want, you can check all your blocks and views and template files to see if you can find the HTML (as you can see it when you view source)

    &lt;style type="text/css" media="all"&gt; 
    .not-front #region-header-first .field-name-field-headline,.not-front #region-header-first .field-name-field-subhead{color:#ffffff !important;}
    &lt;/style&gt; 


code and remove it, OR don't worry about it and just add

.not-front #region-header-first .field-name-field-headline,.not-front #region-header-first .field-name-field-subhead{color:#ffffff !important;}


to your theme's .css file