Aplicar las funciones de enlace a una capa de color

[harvey]

Ante todo disculpa por que este post lleva css y veo que has movido el tema a java script.
¿Estas seguro que con css no se puede?
Mira he rescatado este codigo de un menu de esos que hace el programita CSS Tab Designer 2. En esos casos lo que hace es designar que la parte que se ve en la capa es una determinada zona de la imagen. En mi caso lo que quiero es usar esos a:visited,hover, lo que sea en un div para idicarle colores de background distintos. El ejemplo del menu este usa una lista pero eso no me vale porque cada item de mi menu lleva un color diferente asi que no puedo generalizar los li.

<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}

/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */
#menu {
width: 80px;
margin: 10px;
}
#menu li a {
height: 24px;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
display: block;
background: url(menu1.gif);
padding: 8px 0 0 10px;
}
#menu li a:hover, #menu li #current {
background: url(menu1.gif) 0 -46px;
padding: 8px 0 0 10px;
}
#menu li a:active {
background: url(menu1.gif) 0 -46px;
padding: 8px 0 0 10px;
}