div sopra link

[spakiz]

Buongiorno a tutti
ho un catalogo di prodotti in cui sto inserendo la fascetta "ultimo pezzo" quando rimane un solo prodotto

prima con un png trasparente
ora direttamente con i css
ma il risultato non cambia... il div che si sovrappone all'immagine non mi fa usare il link sottostante.

questo è il codice dell'immagine "fascetta" che si sovrappone all'immagine del prodotto col relativo link.

.ultimo{position:relative;bottom:185px;left:2px; cursor:pointer; margin-right:2px; 
z-index:100; background:url('../images/ultimo.png') right top no-repeat; height:91px; margin-bottom:-91px;}

invece per la versione css

.ultimo{cursor:pointer; position:relative; bottom:185px; left:2px;  z-index:100;  height:91px; margin-bottom:-91px; overflow:hidden;}
.ultimo h2{margin: 0;  text-align: center;  font-size: 1.3em;  font-weight: normal; 
transform: rotate(-45deg) scale(0.75) translate(-40%, -90%);    
 background: #197b30;
 color: #fff600;
 width: 100%;
}

cosa tralascio o sbaglio in entrambe i casi?
grazie mille

questo è l'esempio dove sto utilizzando la seconda versione (CSS)
http://www.maddog.it/catalogo