ToolTip clicando e não mouseover

Tenho esse css

<style>
a.info{
position:relative; /this is the key/

 z-index:24;
	/*background-color:#ccc;*/
 color:#F16623;
 text-decoration:none}

a.info:hover{z-index:55;

}

a.info span{display: none}

a.info:hover span{ /the span will display just on :hover state/

 display:block;
 position:absolute;
 top:2em; left:0em; width:10em;
 border:1px solid #FFFFFF;
 background-color:#FFF; color:#FFF;
 text-align: left

	}
</style>

<a class=info href="#">Cliente<span><img src="images/pop.png"> </span></a>

Qdo eu passo o mouse sobre a link..abre a imagem..porem eu quero que abra, somente se eu clicar no link..e que para fechar..eu tenha que clicar na imagem que foi aberta...

É possivel? Como fazer?