Image popup

[tomywie]

the problem is that when i click the image in chrome, the enlarged only appears when i'm holding down the mousebutton.
the thing i want to happen is when you're clicking the image it simple pops up in the center of the screen.

following works with FF and IE, but doesn't work in chrome as it should..


#popup a span {
display: none;
}

#popup a:active span, #popup a:focus span {
position: absolute;
width: 100%;
text-align: center;
display: block;
z-index: 2;
}


<div id="popup">
<a href="javascript: void(0)"><img src="normal.jpg" width="200" height="200" title="Click to enlarge" /><span><img src="popup.jpg" width="800" height="800" title="Click to close" /></span></a>
</div>

all suggestions are welcome, i just want to avoid using any javascript etc..

example here if needed: http://saynogo.com/help/index.html