Premetto che sono una schiappa coi css.
Con riferimento al codice che segue (che è il sorgente della pagina renderizzata in Firefox):
codice:
<div class="album" style="position:absolute;background-image: url('/images/demo/albums/4/newsl.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;height:100%;">
 
    <div style="position:relative;z-index:80;top:0px;left:0px;width:100%;height:100%;cursor:pointer;">
        <ul class="lightgallery">
            <li data-src="/images/demo/albums/4/newsl.jpg"></li>
        </ul>
    </div>

    <div style="position:relative;z-index:5;top:0px;left:0px;width:100%;height:100%;"><h3>work2 ENG</h3>
    <p>descr lavoro numero due fantastico lavoro marveloussss</p>
    </div>

</div>
c'è un motivo evidente (che io non vedo) per cui i due layer contenuti nel div con class='album' non si sovrappongono tra loro?
Io vorrei semplicemente che occupassero tutto lo spazio disponibile nel layer 'album' e che quello che contiene l'ul con classe lightgallery stesse sopra all'altro che contiene solo testo.