Вот уже пол дня убил на создание "простой" кнопки.
Суть: создать 3 кнопки с 3 состояниямы - link, hover, visited,
Проблема: мне нужно чтобы после нажатия на кнопку состояние hover было как и visited, сделал уже ето на JS, но после надатия ефект исчезает.

Вот ище мои последние попытки :

[CSS]<style type="text/css">
.button {
width: 110px;
height: 110px;
background:url(<?php bloginfo('template_url'); ?>/images/book-logo.png);
margin-top:10px;
}

.sidebar {
margin:0 auto;
}

li {list-style-type:none; list-style:none;}


button.b0 {
background-position: 0px 0px;
}
button.b0:hover, button.b0:visited, button.b0:active {
background-position: -110px 0px;
}



button.b1 {
background-position: -220px 0px;
}
button.b1:hover, button.b1:visited, button.b1:active {
background-position: -330px 0px;
}
button.b1:visited {
background-position: -330px 0px;
}
.hovered {
background-position: -330px 0px;
}

button.b2 {
background-position: -440px 0px;
}
button.b2:hover, button.b2:visited, button.b2:active {
background-position: -550px 0px;
}
</style>[/CSS]



[JS]<script type = "text/javascript">

var button = document.getElementById("b1");

button.onclick = function(){
this.className = this.className == "" ? "hovered" : "";
}
</script>[/JS]

Но и так не работает.., помогите, а то я не знаю что думать...