Adding a link to a hover

[wtlemon]

I have a background image within a div. When I hover over it, it goes from black&white to color. Now all I need to do, is figure out to link it to a website. I want, when hovered/turns to color - for it people to click on it and it take them to a different website.



Here's my CSS code:

#color {
    display: block;
    background: url(../img/color.gif)blue;
    position: absolute;
    width: 304px;
    height: 313px;
    margin-left: -150px;
    margin-top: 200px;
    z-index: -100;
}
 
#color:hover {
    background-position: 0 -313px;
}
 
#color span {
  display: none;
}

[easyjizz]

Use onclick on the div

onclick="location.href=http://whatever'"

Hope this answers your question