[css] span display none / link

[Sandrocchio_0.1]

Ciao a tutti.
Ho questo codice:

<div id="content"> 
    <h2><span>Admin area</span></h2> 
    <ul> 
      <li id="log-out"><span>">log out</span> [/list]
  </div>

e questi stili per fare in modo che mi rimanga solo l'immagine di sfondo

#content ul {
	
	list-style:none;
}
#content ul span {
	display:none;
}
#log-out {
	background-image:url(../images/application/logOut.gif);
	background-repeat:no-repeat;
	width:96px;
	height:33px;
}

Però così perdo il collegamento, come faccio a non visualizzare il testo e a mantenere area link nel[*] ??