title: GIF not showing in chrome
body: <p>I'm using CSS(below). loading64.gif is always visible in FF and IE but not in chrome. I'm using '.loading' inside colorbox. I am not able to resolve the issue. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;center&gt;&lt;div class="loading" id="loaderImg"&gt;&lt;span class="waiting-info"&gt;&lt;/span&gt;&lt;/div&gt;&lt;/center&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.loading {
  background: url(resources/base/img/loading64.gif) no-repeat center center transparent;
  background-color: #ffffff;
  float: left;
  height: 100%;
  min-height: 333px;
  width: 100% !important;
  z-index: 444;
  position: absolute;
  opacity: 0.9;
  left: 0;
  top: 0;
  }
  </code></pre>
  
  <p><a href="https://docs.google.com/document/d/1Sz8Kvp-C9zj9BIX-SzuyWVGaZ42V1HMSxLGA4u5H3Mw/edit?usp=sharing" rel="nofollow">Screenshots</a></p>