Posición fija en background para Chrome y Safari

[wolfmoon]

Ok, es que es raro porque estoy viendo el mismo codigo en otra web(mas o menos) y funciona correctamente en todos los navegadores.

Tengo una seccion y dentro dos capas:

Código CSS:

section { position:relative; width:100%; background-color:#fff; z-index:10; }
    .sectionWrapper { position:relative; width:100%; height:100%; overflow:hidden; }
    .spanImg { position:absolute; top:0; left:0; width:100%; height:100%; }
 
    #principes {  width:100%; display:block; background:#f6f6f1; }
    .full-principes { height:560px; }
    #info-principes { padding-top:60px; }
    #principes .spanImg { background:url('../img/shadow_back_3.jpg') no-repeat fixed top center transparent; opacity:0.18; display:block }
 

El HTML:

Código HTML:

<section id="principes" class="full-principes">
                 <div class="sectionWrapper">
                   <div class="spanImg"></div>
         </div>
           </section>