GIF not showing in chrome

I am using CSS (below). loading64.gif always renders in FF and IE, but not chrome. I am using ".loading" inside colorbox. I cannot solve the problem.

HTML:

<center><div class="loading" id="loaderImg"><span class="waiting-info"></span></div></center>

      

        
        
        
      

    

CSS

.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;
}

      

        
        
        
      

    

Screenshots