CSS ролловер как закрепить background-position после клика

[Maksimcase]

Посматрите на сайт http://www.parket-rabota.ru/, ссылки заменяются картинкой со стрелкой при наведении мыши.

Привожу код как это работает:

CSS

#parketrab a {background: url(menu/parketrab.gif) 0 0 no-repeat;	
width: 280px; height: 37px; display: block;}
#parketrab a:hover {background-position: 0 -37px;}

HTML

<div id="parketrab">
<a href="index.html"></a>
</div>

У меня стоит задача, чтоб после клика на ссылку, ссылка со стрелкой оставалась, а не исчезала потом, т.е. получается что надо как-то зафиксировать background-position: 0 -37px; вот только ума не хватает это сделать, кто сможет помагите.

[Maksimcase]

Эх сам разобрался. Вот я так придумал.

#parketrab a {background: url(menu/parketrab.gif) 0 0;	width: 280px; height: 37px; display: block;}
#parketrab a:hover {background-position: 0 -37px;}
#parketrab #current a  {background: url(menu/parketrab.gif) 0 0 no-repeat; background-position: 0% -37px; }

<div id="parketrab">
<span id="current"><a href="index.html"></a></span>
</div>