can't click close tage when use CSS3 lightbox

Question

I try to learn write a pure CSS lightbox, but when I click the button, I can't click the close tag, the position will return top:0 / left:0.

here is my code sample

Answer 1

In

a:hover{
    /* Remove positin:relative.  Line no: 39  */

}

The close button will align to left of the box, you've to make align to right if you want to